fondo en un div

[sirdaiz]

Hola tengo esto en html

<div id="menu2" class="menu2">
<ul>
<li onclick="producto()">Productos
<ul class="ocultar" id="producto">
<li><a href="">Chocolate</a></li>
<li><a href="">Chicles</a></li>
</ul>
</li>
</ul>
</div>

y quiero ponerle un fondo a este div

.menu2{
background-image: url(imagenes/index_menu2.jpg);
border: 2px solid green;
width: 20%;
height: 400px;
float:left
}

me sale el borde y to pero no me sale la imagen como fondo en el div :(

Gracias por vuestras respuestas

Saludos

[sirdaiz]

Nota: solo me funciona si lo pongo en el mismo div:

<div id="menu2" style="background-image: url('imagenes/b_chocolate.jpg');">

pero yo quiero que lo llame y tengo

<link rel="stylesheet" type="text/css" href="CSS/menu.css" />

y el codigo del css

.menu2{
background-image: url('imagenes/b_chocolate.jpg');
border: 2px solid green;
width: 20%;
height: 400px;
float:left
}

[GAST0N]

creo que estas enlazando mal la imagen, ya que probe esas lineas y anda perfecto.. revisa la ruta donde esta la imagen

[sirdaiz]

pues que raro porque solo me funciona si el estilo lo pongo en el div porque si lo llamo desde class tengo puesta la misma ruta pero falla

[kseso?]

Sobre rutas:
si los estilos están en el html (da igual que estén en el head que sembrados por el body) , ese es el punto de referencia, el propio html
si los estilos están en una hoja aparte y enlazada, la referencia es el propio archivo css.

Así que en su caso, posiblemente esté referenciando mal la imagen. Me atrevería a decir que la hoja de estilos no está en el mismo nivel/carpeta que el html.

[sirdaiz]

Efectivamente,q fallo mas tonto, el archivo css esta a otro nivel del de las imagenes, ahora ya funciona, la solucion era:

.menu2{
background-image: url(../imagenes/index_menu2.jpg);
border: 2px solid green;
width: 20%;
height: 400px;
float:left
}


Muchas gracias Gat0n y Kseso

[GAST0N]

Iniciado por sirdaiz

Efectivamente,q fallo mas tonto, el archivo css esta a otro nivel del de las imagenes, ahora ya funciona, la solucion era:

.menu2{
background-image: url(../imagenes/index_menu2.jpg);
border: 2px solid green;
width: 20%;
height: 400px;
float:left
}


Muchas gracias Gat0n y Kseso

pequeños fallos que quitan tiempo .. pero sirven mucho para aprender

saludos q tengas muchos exitos!