Foros del Web - listas con imagenes

Foros del Web (http://www.forosdelweb.com/)

- CSS (http://www.forosdelweb.com/f53/)

- - listas con imagenes (http://www.forosdelweb.com/f53/listas-con-imagenes-264064/)

joanrcp

22/01/2005 07:32

listas con imagenes

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

22/01/2005 10:05

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

22/01/2005 12:13

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

22/01/2005 12:30

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

julio2k

22/01/2005 12:56

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

23/01/2005 05:30

Gracias. Funciona

La zona horaria es GMT -6. Ahora son las 04:02.