listas con imagenes

[joanrcp]

Mi intención és que cada apartado de un menú quede precedido por una imagen (un cuadradito pequeño de color grana). He intentado definir la siguiente clase:

. menu {list-style : url(imagenes/grana.gif)}

Uso el Dreamweaver MX 2004 pero cuando quiero utilizar esa clase no ocurre nada. Me pongo delante de la palabra del menú donde quiero que aparezca el cuadradito, selecciono la clase .menu, pero el cuadradito no aparece. También he probado de selecionar un punto (.) y darle esa clase, pero tampoco sucede nada.

Alguna solucion? Gracias

[kemie]

creo que la propiedad seria:
list-style-image{url(imagenes/grana.gif)}

No estoy 100% segura, pero creo que solo te valdra para elementos de una lista (<li>). Si quieres aplicarlo a un elemento que no sea lista, puedes usar una imagen de fondo que no se repita.

[julio2k]

Tiene razon Kemie cuando te dice que solo puedes aplicar a elementos de lista.

Creo que el codigo quedaría así:

Código:

.menu{
  display:list-item;
  list-style-image:url(imagenes.grana.gif);
}

aunque definitivamente creo que la solucion que te dio la compañera sobre la imagen de fondo es la mejor.

[joanrcp]

Como se usa una imagen de fondo que no se repita? Qué codio tiene?

[julio2k]

el codigo puede ser parecido a:

Código:

.menu{
  background-image:url(imagenes.grana.gif);
  background-repeat:no-repeat;
  background-position:left center;
}

Para posicionar la imagen usas background-position te envio un link
css(w3c) background position

[joanrcp]

Gracias. Funciona