Entrar

Problema en el apartado Fondos en CSS

rdrgz · · Solicitar retirada
Buenas pos llego hasta esa parte donde puedo poner fondo y quiero saber que he puesto mal que no se me ve el fondo cuando voy a la vista previa :


index.html

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
<title>Pagina Principal del Ejemplo CCTW</title>
<link rel="stylesheet" href="estilos.css" type="text/css" media="all">
</head>
<body>



Bienvenidos a mi pagina web. Pronto estará lista:).</p>


Pagina creada gracias a CCTW</p>

</body>
</html>


estilo.css

"body {background-color: #1E90FF}"

espero respuesta , salu2
Luzbelitocreaciones · · Solicitar retirada
Hola, rdrgz!


Las comillas se la pusiste cuando pegaste los codigos o lo tenes puesto en la hoja de estilos? fijate eso, cualquier cositas avisa


Suerte!
Carlweb · · Solicitar retirada
hola, cuando pongo lo del fondo, el color y la imagen centrada no me sale igua de lo q pone el tutorial, yo tengo puesto esto, decidme si ay algo mal: me sale la imagen del fondo en un cuadradito pequeño, ay algo erroneo?:
body {background-color: #E6E6FA ; background-image: url(objetos/fondo.jpg) ; background-position: center center ; background-repeat: no-repeat ; height:100%;}
gracias
por cierto una sugerencia: repasa el tutorial y corrige faltas y cambios de orden en los codigos, q no veas como lian, unas veces va un codigo antes y otras despues :S
dezaldo20 · · Solicitar retirada
hola que tal podrian ayudarme en cuanto a colocar color al fondo he puesto el codigo en estilos.css tal cual viene en el tutorial ha quedado de esta forma
body {background-color: #E6E6FA}

pero al guardarlo y al abrir el index y posteriormente la preview no me aparece el color del fondo muchas gracias de antemano
Raulyure · · Solicitar retirada
Carlweb escribió:hola, cuando pongo lo del fondo, el color y la imagen centrada no me sale igua de lo q pone el tutorial, yo tengo puesto esto, decidme si ay algo mal: me sale la imagen del fondo en un cuadradito pequeño, ay algo erroneo?:
body {background-color: #E6E6FA ; background-image: url(objetos/fondo.jpg) ; background-position: center center ; background-repeat: no-repeat ; height:100%;}
gracias
por cierto una sugerencia: repasa el tutorial y corrige faltas y cambios de orden en los codigos, q no veas como lian, unas veces va un codigo antes y otras despues :S
Hola:
Primero que nada cuando usted pone background-position:center center, le está diciéndo a la imagen que esté centrada tanto vertical como horizontalmente, o sea al centro, luego usted tiene puesto background-repeat:no-repeat;, o sea que le está diciendo a esa imagen que en este momento la tiene al medio de su página, que no se repita, por lo tanto ella (la imagen) allí se queda (y como mide creo 128x128píxeles, entonces es pequeña comparándola con la página.
Si usted en vez de poner background-repeat:no-repeat; pusiese background-repeat:repeat, entonces la imagen se repetirá y llenará toda la página, (en el curso está explicado detalladamente esta clase de proceso).
En lo referente a su sugerencia, le diré que con el tiempo y mientras usted va aprendiendo verá que muchas veces hay que poner un código, en una capa, (o div) para acomodar cosas en otra capa y después quitar el código anteriormente puesto, también se dará cuenta (con el tiempo), que lo de hacer una página web no es una ciencia exacta, ya que si lo fuese no habrían la cantidad de páginas que hay hasta ahora, si no que habrían miles de millones mas de páginas.
Siga adelante
Saludos