Foros del Web » Creando para Internet » CSS »

Lista

Estas en el tema de Lista en el foro de CSS en Foros del Web. Hola. Vereis, tengo un pequeño problema. He creado una lista, y le he puesto una imagen a cada <li> en lugar de cualquier otro dibujo ...
  #1 (permalink)  
Antiguo 16/10/2008, 03:35
 
Fecha de Ingreso: marzo-2006
Mensajes: 106
Antigüedad: 18 años, 1 mes
Puntos: 0
Lista

Hola.

Vereis, tengo un pequeño problema.

He creado una lista, y le he puesto una imagen a cada <li> en lugar de cualquier otro dibujo estandar (círculo, cuadrado), con list-style-image.

La cosa es que hay textos que ocupan más de una linea en el menú, y la imagen queda arriba del texto.

¿Cómo puedo hacer, mediante CSS, para que la imagen que numera mi lista quede más o menos alineada con el texto?.
__________________
"El río más profundo siempre es el más silencioso"
  #2 (permalink)  
Antiguo 16/10/2008, 03:47
 
Fecha de Ingreso: febrero-2008
Mensajes: 26
Antigüedad: 16 años, 2 meses
Puntos: 0
Respuesta: Lista

Buenas, creo que algo así te lo solucionaría:

li { background:url(imagen.gif) left center no-repeat; padding-left: 15px; }

Con esto le dices que la imagen se coloque horizontalmente a la izquierda y verticalmente en el centro, además de que no se repita. Y también le dejas un espacio de separación a la izquierda.

Espero que te sirva.

Saludos!
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 10:08.