css, imagen de fondo en div

[marian_13]

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

[rickyl]

Hola Marian,

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

Saluditos.

[Raenk]

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

[marian_13]

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>

[rickyl]

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:

background-image: url(img/menubackground.jpg);
 

Saluditos.

[marian_13]

Q emocioooón!!!! gracias rickyl!!! funcionó.
saludos