Foros del Web » Creando para Internet » CSS »

css, imagen de fondo en div

Estas en el tema de css, imagen de fondo en div en el foro de CSS en Foros del Web. hola necesito ayuda. no puedo encontrar el problema. quiero poner una img de fondo en la div menu, con estilo, en dream lo visualizo bien, ...
  #1 (permalink)  
Antiguo 19/05/2009, 20:50
 
Fecha de Ingreso: octubre-2008
Mensajes: 9
Antigüedad: 9 años, 1 mes
Puntos: 0
css, imagen de fondo en div

hola
necesito ayuda. no puedo encontrar el problema. quiero poner una img de fondo en la div menu, con estilo, en dream lo visualizo bien, pero cuando pruebo en los navegadores, no se ve la img de fondo. probé en firefox, crome, explorer, opera, safari y nada

mil gracias si pudieran ayudarme
  #2 (permalink)  
Antiguo 19/05/2009, 21:04
 
Fecha de Ingreso: marzo-2009
Mensajes: 30
Antigüedad: 8 años, 8 meses
Puntos: 0
Respuesta: css, imagen de fondo en div

Hola Marian,

Coloca aquí la pequeña partecita del código CSS donde pones la imágen para ver como lo haces.

Saluditos.
  #3 (permalink)  
Antiguo 19/05/2009, 22:34
Avatar de Raenk  
Fecha de Ingreso: mayo-2003
Ubicación: The Net
Mensajes: 747
Antigüedad: 14 años, 6 meses
Puntos: 7
Respuesta: css, imagen de fondo en div

Hola

Necesitas algo asi:

HTML:
<div class="imagenfondo"></div>

CSS:
div.imagenfondo {
margin: 0;
padding:0;
width: 200px;
height: 200px;
background: url(camino/aimagen/archivo.jpg) no-repeat top left;
}

Claro que tendrás que hacer sustituciones según tus necesidades.

Hay tres posibles situaciones por las cuales puede no estar mostrando la imagen:

1.- No has especificado el alto y/o ancho del div y a su vez el div no tiene contenido
2.- El atajo hacia tu imagen es incorrecto y/o su posición
3.- Si tienes algún elemento de bloque dentro de ese div, es posible que el fondo del mismo NO sea transparente, por lo cual bloquea el fondo de la div madre

Estas son sólo algunos supuestos, lo mejor sería que nos mostraras tu código como dice rickyl
__________________
Our shadow is taller than our soul
  #4 (permalink)  
Antiguo 20/05/2009, 07:28
 
Fecha de Ingreso: octubre-2008
Mensajes: 9
Antigüedad: 9 años, 1 mes
Puntos: 0
Respuesta: css, imagen de fondo en div

Gracias x responder!! intenté en el msj anterior poner el código pero no me lo permitió, intento ahora poner parte del estilo y de la div en cuestión. Igual voy a revisar lo q me dijeron




#menu {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
text-align: right;
padding-bottom: 30px;
background-image: url(/img/menubackground.jpg);
background-repeat: no-repeat;
}

#menu li {
list-style-type: none;
text-align: right;
display: inline;
word-spacing: normal;
padding-right: 0px;
padding-left: 30px;
margin-right: 0px;
margin-left: 0px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;

<div id="menu">
<ul>
<li><a href="inicio.html">Inicio</a></li>
<li><a href="obras.html">Obras</a></li>
<li><a href="taller.html">Taller</a></li>
<li><a href="c_vitae.html">Biograf&iacute;a</a></li>
<li><a href="contacto.html">Contacto</a></li>
</ul>
</div>
  #5 (permalink)  
Antiguo 20/05/2009, 10:35
 
Fecha de Ingreso: marzo-2009
Mensajes: 30
Antigüedad: 8 años, 8 meses
Puntos: 0
Respuesta: css, imagen de fondo en div

Hola Marian_13,

Coloca esa parte de tu código como te lo pongo abajo, solo quitale al tuyo el "/" (slas) de alante y nos cuenta si ahora sí se te ve la imagen.

Así debe de quedarte esta parte del código.

Código CSS:
Ver original
  1. background-image: url(img/menubackground.jpg);

Saluditos.

Última edición por rickyl; 20/05/2009 a las 10:41
  #6 (permalink)  
Antiguo 20/05/2009, 14:08
 
Fecha de Ingreso: octubre-2008
Mensajes: 9
Antigüedad: 9 años, 1 mes
Puntos: 0
Respuesta: css, imagen de fondo en div

Q emocioooón!!!! gracias rickyl!!! funcionó.
saludos
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:16.