fondo body

[fmiguelcapel]

resulta que tengo un sitio llamado "mi página web" y dentro de ella tengo el archivo html y dos carpetas: imagenes en la que dentro esta fondo.jpg. y otra carpeta llamada estilos en la que dentro esta el archivo css linkado al archivo html.
Pues bien; al poner esta ruta en css: background-image: url(imagenes/fondo.jpg);
es como si no me encontrara el fondo...
en cambio si pongo: background-image: url(../imagenes/fondo.jpg);
si me lo encuentra.
sabriais decirme el porque si el fondo se encuentra en la ruta especificada?
y otra cosa que tamaño debe tener el fondo para que ocupe toda la página?
o hay que indicarle algo mas? el que?
saludos...

[Carlangueitor]

Es obvio, si tienes una estructura como esto:

Código:

.
├── css
├── imagenes
└── index.html

La ruta es relativa a donde está su css, por eso tienes que regresar (con ../) a la carpeta raíz para entrar a la carpeta de imágenes.

Saludos

[fmiguelcapel]

que quieres decir con ruta relativa?

[tommy_tony]

A que la ruta no siempre va a ser la misma sino que va a variar dependiendo el lugar en donde está el archivo o imagen que deseas utilizar , si por ejemplo tuviese tu imagen dentro de una carpeta imágenes y esa carpeta dentro de otra tendrías que poner algo así como :

"../../imágenes/imagen.png" o "../carpeta/imágenes/imagen.png"

El "../" indica que estas retrocediendo un nivel.

[fmiguelcapel]

ok; pero entonces para que no haigan rutas relativas como deberia de hacerlo?
porque la carpeta imagenes la tengo ubicada donde esta la carpeta de css; y es eso lo que no entiendo.
tengo las carpetas; css, imagenes, y el archivo html en una misma carpeta...
por ejemplo si coloco una imagen en html la ruta es : imagenes/foto.jpg. i aqui no hay ruta relativa...por eso no entiendo porque en css si...
saludos...

[pzin]

imagenes/foto.jpg también es una ruta relativa. Te funcionará bien porque seguramente accedas a esa imagen de un archivo que está en el mismo nivel que la carpeta imagenes, pero desde un archivo en otro nivel, como lo es el archivo CSS, tendrás que indicarle que suba un nivel. Que es lo que te ha dicho Carlangueitor.

Otra cosa que puedes hacer, es usar una barra al principio y así accedes desde la raiz. Por ejemplo, /imagenes/foto.jpg funcionaría desde CSS y desde el archivo que quieras. Pero ten en cuenta que accedes desde la raiz. Es decir, si lo miras desde un servidor seguramente funcione bien, ahora si lo ves en localhost/misitio.com entonces mejor no usarlo.

Échale un vistazo en google sobre rutas relativas, es más complejo de explicar que de entender.

Lo contrario a rutas relativas, son rutas absolutas, donde escribes la URL completa. No es cosa de CSS ni de HTML. Es más bien de informática en general.

[kreil]

Suponemos esta estructura:

.
├── css
| ├─── archivo.css
├── imagenes
| ├─── foto.jpg
|
└── index.html

Cuando vas a acceder desde un archivo de la carpeta raiz (el archivo, por ejemplo, index.html) hacia un archivo de la carpeta imágenes. Tenemos que ir moviendonos por estas carpetas, en este caso hacia adelante, por lo tanto pondríamos: imagenes/foto.jpg

Pero cuando estamos en el archivo archivo.css y queremos enlazar una imagen de fondo (foto.jpg) tenemos que movernos hacia atrás, ya que hacia adelante no encontramos mas carpetas. Entonces nos movemos una vez hacia atras (estando en la carpeta css) y al movernos hacia atrás ya nos quedamos en la raiz. Desde la raiz vuelve a ser lo del principio: moverse hacia adelante. con lo que nos quedaría esto: ../imagenes/foto.jpg

Espero que te haya servido de ayuda.
Un saludo.

[fmiguelcapel]

ahora lo entiendo; muchas gracias...