Foros del Web » Creando para Internet » CSS »

Problemas float y list-style-image en IE

Estas en el tema de Problemas float y list-style-image en IE en el foro de CSS en Foros del Web. Buenas, tengo una lista en la cual los elementos <li> tienen un float:left; con tal de que aparezcan uno al lado del otro horizontalmente. Ademas ...
  #1 (permalink)  
Antiguo 14/11/2008, 03:01
 
Fecha de Ingreso: octubre-2008
Mensajes: 6
Antigüedad: 9 años, 1 mes
Puntos: 0
Problemas float y list-style-image en IE

Buenas, tengo una lista en la cual los elementos <li> tienen un float:left; con tal de que aparezcan uno al lado del otro horizontalmente. Ademas tienen un list-style-image con una url a una imagen png.

Esto funciona a la perfección en firefox, pero en IE en cuanto aplico ese float: left no se ve la imagen, i en cambio sin float si que se ve.

Alguien sabe alguna solucion a esto?
  #2 (permalink)  
Antiguo 14/11/2008, 03:08
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: Problemas float y list-style-image en IE

Creo que esto se trató hace poco y no se encontró solución a IE6, no recuerdo bien. Lo que sí podrías hacer es usa una alternativa: quitas el estilo de lista, pones la imagen como fondo de los "li", y das a estos un padding-left o un text-indent para dejar que se vea la imagen.

Mira un ejemplo, que aunque está en vertical sirve para horizontal.

Mientras miro si recuerdo el tema.
__________________
Visita mi nueva web idplus.org
  #3 (permalink)  
Antiguo 14/11/2008, 03:22
 
Fecha de Ingreso: octubre-2008
Mensajes: 6
Antigüedad: 9 años, 1 mes
Puntos: 0
Respuesta: Problemas float y list-style-image en IE

Gracias, puse la imagen como fondo i le apliqué un padding-left de 10px para que quedara a mi gusto.

Muchas gracias Mikmoro
  #4 (permalink)  
Antiguo 14/11/2008, 04:35
Avatar de Aresillo
Colaborador
 
Fecha de Ingreso: marzo-2008
Ubicación: Becerril de la Sierra
Mensajes: 958
Antigüedad: 9 años, 8 meses
Puntos: 53
Respuesta: Problemas float y list-style-image en IE

Y si el usuario decide ampliar el tamaño de la letra?? que como queda esta solución en términos de usabilidad y accesibilidad...?? Hay alguna solución..

Aresillo!!
  #5 (permalink)  
Antiguo 14/11/2008, 08:30
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: Problemas float y list-style-image en IE

Pues crece el texto sin crecer el gráfico, claro

Aunque no me parece que siendo exclusivamente un elemento gráfico con poca importancia afecte en absoluto a la accesibilidad ni la usabilidad; si es caso afectará a la estética, nada más porque no son elementos que intervengan en el contenido, el desarrollo, la funcionalidad ni nada parecido.

Es mi opinión.
__________________
Visita mi nueva web idplus.org
  #6 (permalink)  
Antiguo 14/11/2008, 08:37
Avatar de Aresillo
Colaborador
 
Fecha de Ingreso: marzo-2008
Ubicación: Becerril de la Sierra
Mensajes: 958
Antigüedad: 9 años, 8 meses
Puntos: 53
Respuesta: Problemas float y list-style-image en IE

sip... tienes razón...como bien dices... y cómo algunas veces he escuchado por ahí... si el usuario decide agrandar la letra, sabe lo que puede ocurrir...

Aresillo!!
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 23:26.