bueno para aclarar el tema, mis listas estan en una tabla
,luego el codigo que tengo en la pagina es:
Código:
<td width="170px" height="100%" align="left" valign="top" background="img/bg02x2.gif">
<ul class="lista">
<li>Preocupa Falla Geologica en la ciudad</li>
<li>Sra Zulema Mejia de Bravo en la ciudad</li>
</ul>
</td>
y en mi hoja de estilos:
Código:
.lista {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 11px;
list-style-image: url(../img/bullet.gif);
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
.lista li{
margin-top: 2px;
margin-bottom: 2px;
margin-left: 19px;
}
el margin-left: 19px; es porq si le pongo menos se oculta la imagen de la viñeta
Dejo las imagenes, la primera es como esta actualmente:
y asi me gustaria que quede, les juro que he probado las maneras de hacerlo pero nada
Espero se resuelva esto, gracias!
