Foros del web, para los que viven de bits

joanrcp · 22-ene-2005, 06:32

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-ene-2005, 09: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-ene-2005, 11: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-ene-2005, 11:30

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

julio2k · 22-ene-2005, 11: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-ene-2005, 04:30

Gracias. Funciona

22-ene-2005, 06:32	#1 (permalink)
joanrcp Fecha de Ingreso: abril-2004 Mensajes: 47	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

22-ene-2005, 09:05	#2 (permalink)
kemie Fecha de Ingreso: junio-2003 Ubicación: estocolmo<-->mexico Mensajes: 1.627	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::::::::::::::::::::::::::::::

22-ene-2005, 11:13	#3 (permalink)
julio2k Fecha de Ingreso: abril-2004 Ubicación: Colombia Mensajes: 22	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:

22-ene-2005, 11:56	#5 (permalink)
julio2k Fecha de Ingreso: abril-2004 Ubicación: Colombia Mensajes: 22	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:

Herramientas
Mostrar Versión Imprimible Enviar por Correo
Desplegado
Mode Lineal Cambiar a Modo Hibrido Cambiar a Modo Hilado

22-ene-2005, 11:30	#4 (permalink)
joanrcp Fecha de Ingreso: abril-2004 Mensajes: 47	Como se usa una imagen de fondo que no se repita? Qué codio tiene?

23-ene-2005, 04:30	#6 (permalink)
joanrcp Fecha de Ingreso: abril-2004 Mensajes: 47	Gracias. Funciona