Código HTML:
li {display: inline; margin: 0; background: no-repeat url(estructura/li-titulo.gif); background-position: left center; padding: 0 0 0 15px; font-size: 16px;}
| ||||
Problema usando listas con propiedad display: inline Hola tengo un problema usando el valor inline de display en unas lista que lo tengo en este ejemplo http://www.peru-expeditions.com/Peru...4/zprueba.html el error solo se muestra en explorer y es que si una frases es demasiada larga y no cabe en la fila se termina en la siguiente file, pero su viñeta que le puse se va abajo entrecortado, yo lo estoy viendo en el explorador IE 8 porque parece que en el 7 se ve bien, este es mi css que hice. Código HTML: li {display: inline; margin: 0; background: no-repeat url(estructura/li-titulo.gif); background-position: left center; padding: 0 0 0 15px; font-size: 16px;} Última edición por salvador86; 07/10/2010 a las 14:05 |
| ||||
Respuesta: Problema usando listas con propiedad display: inline
Código:
li {display: inline; margin: 0; background: no-repeat url(estructura/li-titulo.gif); background-position: left center; padding: 0 0 0 15px; float:left; font-size: 16px;}
__________________ Toroflix - movies. |
| ||||
Respuesta: Problema usando listas con propiedad display: inline Muchas gracias AlexK por contestar, probe aumentandole el float:left ahora si todas la lista muestra su viñeta, pero ahora el ultimo frase si es larga no pasa hacia la segunda línea sino que se juntaesa frse amontonandose así http://www.peru-expeditions.com/Peru...4/zprueba.html aquí otro ejemplo donde en realidad lo quiero poner http://www.peru-expeditions.com/Peru..._4x4-3-15.html Parece ser que IE8 no es estricto y no asume algunas cosas que si lo hace firefox ya que alli se ve ok, pero lo raro es que con IE8 si el archivo esta en mi maquina se ve ok pero cuando lo subo a la web ahi se ve mal, muchas cosas de mi página tuve que aumentar css por ese mismo motivo, alguna sugerencia más estaré agradecido. |
Etiquetas: |