No aparece mi list-style en FF ni Opera

gVenom · #1 (**permalink**) 16/04/2009, 13:21

Saludos.

Hoy vengo con una tontera, tengo esto en mi css:

Código CSS:

Ver originalli{border-bottom:#999999 dotted thin; display:block; width:170px;}
ul{ list-style-image:url(../images/arrow.gif);}

y resulta que el estilo de mi ul no se ve en FF ni Opera, solo en IE. Le puse una imagen a ver si acaso y tampoco. Que puede ser?

willyfc · #2 (**permalink**) 16/04/2009, 13:27

estas declarandolo de la forma que muestras?, si es así tal vez es por que primero estas declarando la li y después la ul, debería ser al revés.

gVenom · #3 (**permalink**) 16/04/2009, 13:29

Hola Willyfc, pues lo acabo de cambiar y aun nada

willyfc · #4 (**permalink**) 16/04/2009, 13:44

si ya habiamos hablado de este tema, pero ahora no lo recuerdo, así sugiero que pruebes esto:

Código html:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Documento sin t&iacute;tulo</title>
<style type="text/css">
ul{ list-style:none;}
li{border-bottom:#999999 dotted thin; display:block; width:170px;background:url(arrow.gif) no-repeat 0 5px; padding-left:15px}
</style>
</head>
 
<body>
 
<ul>
    <li>Aqui va algo</li>
    <li>Aqui va algo</li>
    <li>Aqui va algo</li>
</ul>
</body>
</html>

espero te sirva, la otra es utilizar la técnica de Mik. A ver si te sirve una de esas dos, avisas

gVenom · #5 (**permalink**) 16/04/2009, 13:54

Esa que me diste funciona bien, y la de Mik se ve interesante. Gracias Willy