Entrar

css no encuentra mi primer fondo.png

ajuma · · Solicitar retirada
Hola a todos. les cuento que estoy haciendo los cusros iniciales y voy por la parte donde explica como poner imagenes de fondo. el problema es que guardo todo en la hoja estilos.css tal cual explica la pagina, pero cuando doy preview en index.html la imagen de fondo no aparece.
he intentado guardando varias imagenes nuevas. nombrandolas, renombrandolas, he borrado todo el codigo css y lo he escrito una y otra vez por las dudas y la imagende fondo sigue sin aparecer.
la hoja estilos.css ha quedado asi..

body {background-color: #E6E6FA ; background-image:url(objetos/fondo.png); background-repeat:no-repeat;}


El link de por donde voy es este; http://www.comocreartuweb.com/ejemplo-con-divs/web-paso-a-paso/fond…

por favor, alguien que me auxilie!. Esto es tan interesante que no quiero parar de aprender.
Mil gracias y saludos
ajuma · · Solicitar retirada
me di cuenta que el preview del index no me muestra las imagenes, pero cuando salgo del editor y voy a la carpeta en Mi escritorio, donde esta guardado el index, los fondos se ven todos bien sin importar tamaño o color. por lo tanto el problema esta en mi preview. tengo que hacer todo esto de cerrar y abrir para ver como a quedando. alguna opinion? ayuda? algo mal configurado?
skaparate · · Solicitar retirada
Hola, haz la vista previa con el navegador y no con la vista previa de html-kit. Para hacerlo con el navegador simplemente haz clic derecho sobre el index.html y luego haz clic en abrir con y selecciona el navegador.

Por otro lado, ¿enlasaste el archivo css a la página .html? Si no lo has hecho, entonces añade lo siguiente en el <head></head>:

<link href="estilos.css" rel="stylesheet" type="text/css" media="screen" />

Saludos.
ajuma · · Solicitar retirada
Gracias por ser tan amable.

Para asociar el index.html a la hoja de estilo css puse esto entre <head> y </head>

<link rel="stylesheet" href="estilos.css" type="text/css"
media="all">

segun lo que explica la pagina eso es suficiente para que el index lea la pagina css en la parte del head.

por lo visto, dista un poco de lo que me decis que ponga. estoy errado? o lefalto algo a la explicación de la pagina? gracias!
skaparate · · Solicitar retirada
No es tan distinto a lo que tu tienes, solo cambia el atributo media. Con media="all" le dices al navegador que la hoja de estilos es para todo tipo de dispositivo (impresora, monitores de computador, teléfonos móviles, etc.) y con media="screen" le dices que sólo es para el monitor de un computador. La explicación en la página esta bien :D.

Saludos.