Foros del Web » Creando para Internet » CSS »

listas con imagenes

Estas en el tema de listas con imagenes en el foro de CSS en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 22/01/2005, 07:32
 
Fecha de Ingreso: abril-2004
Mensajes: 50
Antigüedad: 13 años, 7 meses
Puntos: 0
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
  #2 (permalink)  
Antiguo 22/01/2005, 10:05
Avatar de kemie  
Fecha de Ingreso: junio-2003
Ubicación: estocolmo<-->mexico
Mensajes: 1.627
Antigüedad: 14 años, 5 meses
Puntos: 1
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.
__________________
::::::::::::::::::::::::::::: WebHostNinja | diseñorama.com::::::::::::::::::::::::::::::
  #3 (permalink)  
Antiguo 22/01/2005, 12:13
Avatar de julio2k  
Fecha de Ingreso: abril-2004
Ubicación: Colombia
Mensajes: 22
Antigüedad: 13 años, 7 meses
Puntos: 0
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.
__________________
julio2k

La herencia que dejas en este mundo son tus obras

:pensando:
  #4 (permalink)  
Antiguo 22/01/2005, 12:30
 
Fecha de Ingreso: abril-2004
Mensajes: 50
Antigüedad: 13 años, 7 meses
Puntos: 0
Como se usa una imagen de fondo que no se repita? Qué codio tiene?
  #5 (permalink)  
Antiguo 22/01/2005, 12:56
Avatar de julio2k  
Fecha de Ingreso: abril-2004
Ubicación: Colombia
Mensajes: 22
Antigüedad: 13 años, 7 meses
Puntos: 0
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
__________________
julio2k

La herencia que dejas en este mundo son tus obras

:pensando:
  #6 (permalink)  
Antiguo 23/01/2005, 05:30
 
Fecha de Ingreso: abril-2004
Mensajes: 50
Antigüedad: 13 años, 7 meses
Puntos: 0
Gracias. Funciona
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 22:39.