Si se la quito, entonces la imagen del marcador aparece fuera del div que
contiene las listas mejor se entenderá así>?
<ul>
<li class="img2">Nivel 1 :
<div id="llistes1">
<ul>
<li class="img1">Item</li>
<li class="img1">Item</li>
<li class="img1">Item</li>
<li class="img1">Item</li>
<li class="img1">Item</li>
</ul>
</div> <!-- end div#llistes1 -->
</li>
<li class="img2">Nivel 2 :
<div id="llistes2">
<ul>
<li class="img1">Item</li>
<li class="img1">Item</li>
<li class="img1">Item</li>
<li class="img1">Item</li>
<li class="img1">Item</li>
</ul>
</div> <!-- end div#llistes2 -->
</li>
<li class="img2">Nivel 3 :
<div id="llistes3">
<ul>
<li class="img1">Item</li>
<li class="img1">Item</li>
<li class="img1">Item</li>
<li class="img1">Item</li>
<li class="img1">Item</li>
<li class="img1">Item</li>
<li class="img1">Item</li>
<li class="img1">Item</li>
</ul>
</div> <!-- end div#llistes3 -->
</li>
</ul>
/* CSS Document */
#llistes1 {
width : 100%;
background-color: #FFFF99;
}
#llistes2 {
width : 100%;
background-color: #66CCFF;
}
#llistes3 {
width : 100%;
background-color: #FFFFCC;
}
ul li{
list-style-type:none;
list-style-position: inside;
margin: 0;
padding: 0;
}
li.img1 {
list-style-image: url(imag1.gif);
color: #000000;
font-weight: normal;
background-position: 2px2%;
margin: 0;
padding: 0;
border-bottom: 1px solid #999999;
line-height: 1.5em;
}
li.img2 {
list-style-image: url(imag2.gif);
color: #FFFFFF;
font-weight: bold;
background-color: #7F1730;
margin: 0;
padding: 0;
line-height: 1.5em;
list-style: 3px;
}
si prueban verán lo que digo, con firefox se establece una separación entre
la imagen y el ítem, con el otro ambos elementos aparecen pegados, porque?
Claro que deberán poner una imagen en imag1 i imag2.gif.
Gracias por probar.
El día 9/07/07, Jorge L. Batista E. <[EMAIL PROTECTED]> escribió:
>
> Creo que si quitas esta línea funciona como quieres
> list-style-position: inside;
> ss
> PB
>
> En Mon, 09 Jul 2007 08:42:45 -0400, manila lila <[EMAIL PROTECTED]>
> escribió:
>
> > list-style-position: inside;
>
>
>
>
> ================================================================================
> **Las siguientes líneas de texto son agregadas por los Servidores
> Centrales de Correo de la Oficina del Historiador de la Ciudad de la
> Habana.**
>
> --------------------------------------------------------------------------------
> Visite la Cartelera interactiva de Opus Habana, con el calendario de la
> programación cultural del Centro Histórico.
> http://opushabana.ohc.cu/cartelera.php
> Redacción Opus Habana
>
> ================================================================================
>
> _______________________________________________
> Lista de distribución Ovillo
> Para escribir a la lista, envia un correo a [email protected]
> Puedes modificar tus datos o desuscribirte en la siguiente dirección:
> http://lists.ovillo.org/mailman/listinfo/ovillo
>
_______________________________________________
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a [email protected]
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
