Estuve trabajando todo el dia de ayer en la maquetacion y ya estoy en mis pasos finales. Tengo el ultimo problema en el menu vertical de la izquierda del siguiente link
http://www.juegodetenisalkon.com/tarea/
En IE veo bien la viñeta del submenu (que contiene Item 01, Item 02 e Item 03), sin embargo en Firefox no se ve correctamente.
Alguien puede saber la razon? Uso FF 3.5.5 e IE 8. En los demas navegadores tengo que ver si funciona.
Dejo el codigo HTML y CSS
Código HTML:
<ul><h1>DISTRIBUCIONES</h1> <li><a href="#" title="Barret">Barret</a> <ul> <li class="item"><a href="#" title="Item 01">Item 01</a></li> <li class="item"><a href="#" title="Item 02">Item 02</a></li> <li class="item3"><a href="#" title="Item 03">Item 03</a></li> </ul> </li> <li><a href="#" title="Schunk">Schunk</a></li> <li><a href="#" title="Shadow">Shadow</a></li> <li><a href="#" title="Workspace5">Workspace5</a></li> <li><a href="#" class="last" title="5DT">5DT</a></li> </ul>
Código HTML:
#left ul li ul li{ list-style:url(images/vineta.jpg); /*list-style-type: disc; */ color: #FFFFFF; } #left ul li ul .item a{ border:none; height:18px; padding-left:35px; padding-top:2px; padding-bottom:2px; } #left ul li ul .item3 a{ height:18px; padding-left:35px; padding-top:2px; padding-bottom:2px; } #left ul li a { display : block; height:21px; background:#ba122b; padding-left:11px; padding-top:4px; color : #FFFFFF; cursor:pointer; text-indent : 30px; text-decoration : none; border-bottom: solid 1px #ed455f; }
Gracias de antemano.
Saludos.