No me funciona el Background

Distriker · #1 (**permalink**) 08/08/2009, 10:50

Hola a todos, resulta ser que estoy usando la propiedad Background y tengo unos problemillas. Mi HTML es este:

Código HTML:

<div id="informacion">
<h2 class="tit-right">Información</h2>
<ul>
<li><a href="#">Nuestro objetivo</a></li>
<li><a href="#">Participantes de nuestro equipo</a></li>
</ul>
</div>

Y mi CSS este:

Código CSS:

Ver original#informacion li {
padding-left: 15px ;
background: transparent url('images/li.gif') scroll 0 2px no-repeat;
margin: 2px ;
}

La propiedad con la que tengo problemas es esta:

Código css:

Ver originalbackground: transparent url('images/li.gif') scroll 0 2px no-repeat;

¿Qué creeis que le pasa?

Saludos

Mikmoro · #2 (**permalink**) 08/08/2009, 11:12

Cita:

Iniciado por Distriker

La propiedad con la que tengo problemas es esta:

Buenaaaaas.

se te ha olvidado decir cuál es el problema.

Distriker · #3 (**permalink**) 08/08/2009, 11:15

Perdonad

El problema es que no se ve la imagen del Background, mirad.

Saludos

Mikmoro · #4 (**permalink**) 08/08/2009, 11:18

Es que está buscando aquí la imagen

http://betaconsolas.com/probando-nue.../images/li.gif

pero ahí no está.

deirdre · #5 (**permalink**) 08/08/2009, 11:41

Algo ha debido arreglar Distriker porque ahora sí está la imagen en la ruta que señala Mikmoro. Pero debe estar mal apuntada en el código porque todavía no se ve en el resultado html.

Parece que es cuestión de rutas (?).

Bye

Distriker · #6 (**permalink**) 08/08/2009, 11:51

La ruta es images/li.gif y está así.

Saludos

txusweb · #7 (**permalink**) 08/08/2009, 12:00

background:transparent urlimages/li.gif) no-repeat 0px 2px;

creo que así, funcionará
Un saludo.

Mikmoro · #8 (**permalink**) 08/08/2009, 12:04

A ver, que lo he dicho mal:

la imagen está en la ruta que he puesto, pero al usar una ruta relativa y estar la hoja de estilo en "styles/general.css", para llegar a la ruta que he puesto debes primero subir un nivel, es decir, poner:

background: transparent url(../images/li.gif) scroll 0 2px no-repeat;

Una simple equivocación de ruta (y yo añadiendo salsa a la confusión, de paso

)

Distriker · #9 (**permalink**) 08/08/2009, 12:04

Nada, no funciona.

Saludos

Edito.

Cita:

Iniciado por Mikmoro

A ver, que lo he dicho mal:

la imagen está en la ruta que he puesto, pero al usar una ruta relativa y estar la hoja de estilo en "styles/general.css", para llegar a la ruta que he puesto debes primero subir un nivel, es decir, poner:

background: transparent url(../images/li.gif) scroll 0 2px no-repeat;

Ok, muchas gracias Mik, ya salió :P

Gracias a los demás también.

Saludos