Foros del Web » Creando para Internet » CSS »

No consigo mostrar imagen de fondo

Estas en el tema de No consigo mostrar imagen de fondo en el foro de CSS en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 16/11/2008, 16:20
 
Fecha de Ingreso: abril-2008
Mensajes: 81
Antigüedad: 9 años, 7 meses
Puntos: 0
Pregunta No consigo mostrar imagen de fondo

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-imageurl(..imagenes/rojo.gif);
    
color#000;
    
border1px 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
  #2 (permalink)  
Antiguo 16/11/2008, 17:06
Avatar de Aresillo
Colaborador
 
Fecha de Ingreso: marzo-2008
Ubicación: Becerril de la Sierra
Mensajes: 958
Antigüedad: 9 años, 8 meses
Puntos: 53
Respuesta: No consigo mostrar imagen de fondo

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!!
  #3 (permalink)  
Antiguo 16/11/2008, 17:17
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: No consigo mostrar imagen de fondo

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 )
__________________
Visita mi nueva web idplus.org
  #4 (permalink)  
Antiguo 16/11/2008, 21:13
Avatar de Calizman
Organiza competencias CSS
 
Fecha de Ingreso: octubre-2008
Ubicación: Ciudad de Guatemala, Guatemala
Mensajes: 1.122
Antigüedad: 9 años, 2 meses
Puntos: 83
Respuesta: No consigo mostrar imagen de fondo

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!
__________________
[ Mi Sitio Personal ]
"La felicidad no es una estacion de llegada... Es un modo de viajar"
Tom Schreiter
  #5 (permalink)  
Antiguo 17/11/2008, 05:46
 
Fecha de Ingreso: abril-2008
Mensajes: 81
Antigüedad: 9 años, 7 meses
Puntos: 0
Respuesta: No consigo mostrar imagen de fondo

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/
  #6 (permalink)  
Antiguo 17/11/2008, 05:51
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: No consigo mostrar imagen de fondo

Así:

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

o bien, poniendo la ruta absoluta.
__________________
Visita mi nueva web idplus.org
  #7 (permalink)  
Antiguo 17/11/2008, 13:26
 
Fecha de Ingreso: abril-2008
Mensajes: 81
Antigüedad: 9 años, 7 meses
Puntos: 0
Respuesta: No consigo mostrar imagen de fondo

Muchas gracias, Mikel.

Ya le he cogido el tranquillo.

Luisa
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 17:49.