No consigo mostrar imagen de fondo

LuisaJava · #1 (**permalink**) 16/11/2008, 16:20

Buenas noches a todos.

Levo un buen rato intentando poner un fondo en un div pero no hay forma. He buscado en el foro y he seguido los consejos que dan, pero ni por esas.

Código PHP:

  <div class="contenido"> 
<table> 
. 
. 
. 
 
 
</table> 
 
</div> 
 
 
 
.contenido{ 
    background-image: url(..imagenes/rojo.gif); 
    color: #000; 
    border: 1px solid #990000;  
    padding: .5em 2ex; 
 
}

La ruta para localizar la imagen es la siguiente:

C:\xampp\htdocs\pruebas\imagenes

He probado a poner la url de diversas formas pero no consigo que aparezca el fondo

url(..imagenes/rojo.gif);
url(imagenes/rojo.gif);
url(C:\xampp\htdocs\pruebas\imagenes\rojo.gif);

¿Pueden orientarme un poco?

Muchas gracias,
Luisa Javaloyes

Aresillo · #2 (**permalink**) 16/11/2008, 17:06

Supongo que el estilo lo ubicas en la parte superior del html, entre <head> y </head> o en una hoja de estilo aparte, no?

De todas formas, la dirección a la imagen está mal:
../xxx significa que bajas una carpeta y ahí sigues la ruta...
images/xxx significa que está en la carpeta images (esta está al mismo nivel del html)
Y tú has puesto:
..images eso que yo sepa no es nada...

Prueba y nos cuentas...

Aresillo!!

Mikmoro · #3 (**permalink**) 16/11/2008, 17:17

Si esta es la ruta a la imagen:

C:\xampp\htdocs\pruebas\imagenes\rojo.gif

¿Cuál sería la ruta al html?

(Aresillo: sí, es casi lo mismo que tu respuesta, pero de otra manera

)

Calizman · #4 (**permalink**) 16/11/2008, 21:13

Saludos!

Por la poca experiencia que tengo... lo mejor es poner las imagenes en una carpeta abajo de el documento HTML... por ejemplo:

C:/web/pagina.html --> Documento HTML

La url para la imagen seria

background-image: url(img/rojo.jpg)

Ademas... recuerda que son dos puntos por cada carpeta hacia arriba que este... xD

Saludos!

LuisaJava · #5 (**permalink**) 17/11/2008, 05:46

Hola, de nuevo.

Vamos a ver, el archivo rojo.gif lo tengo dentro de la carpeta imágenes.

C:\xampp\htdocs\pruebas\imagenes\rojo.gif

El los estilos los tengo en un archivo aparte (misestilos.css)

C:\xampp\htdocs\pruebas\components\zonas\includes\ misestilos.css

De momento, lo he resuelto colocando la imagen rojo.gif dentro de la carpeta includes y ahora sí que me funciona, pero lo suyo es tener todas las imágenes dentro de una misma carpeta (imagenes).

Con los datos que tienen, ¿cómo llego yo desde includes\misestilos.css a los contenidos que hay en la carpeta imagenes?

C:\xampp\htdocs\pruebas\imagenes\rojo.gif

Gracias.
Luisa

Por si le sirve a alguien que se encuentre como yo, he encontrado un pequeño tutorial que puede servirnos para empezar. Ahí va:

http://es.html.net/tutorials/css/

Mikmoro · #6 (**permalink**) 17/11/2008, 05:51

Así:

url(../../../../imagenes/rojo.gif);

o bien, poniendo la ruta absoluta.

LuisaJava · #7 (**permalink**) 17/11/2008, 13:26

Muchas gracias, Mikel.

Ya le he cogido el tranquillo.

Luisa