Creo que el error es que le das margin-left de 0px a la etiqueta ul.....
tienes que darle margin total porque sino te deja el margen que trae por
defecto los ul
#navColumnRight ul {
list-style:none;
margin-left:0px;
padding: 0px;
}
deberia ser:
#navColumnRight ul {
list-style:none;
margin: 0px;
padding: 0px;
}
Good luck!
Victor Ariscain escribió:
> Tengo un menu que funciona todo bien, pero no puedo eliminar el espacio
> entre los botones (que son una lista) y la siguiente linea de texto normal o
> una imagen. Gracias por cualquier sugerencia.
> Pueden verlo funcionando en:http://www.disaster-info.net/testzone/testmenu/
> Y una imagen de lo que quiero lograr en
> http://www.disaster-info.net/testzone/testmenu/menuError.jpg
>
> Debajo copio el codigo
>
> Documento HTM:
> <html xmlns="http://www.w3.org/1999/xhtml";>
> <head>
> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
> <title>Untitled Document</title>
> <link href="test.css" rel="stylesheet" type="text/css" />
> </head>
> <body>
> <div id="navColumnRight">
> <table width="100%" border="0" cellpadding="0" cellspacing="0">
> <tr>
> <td><img src="images/tambien_Subtitle.gif" width="150" height="22" /></td>
> </tr>
> <tr>
> <td valign="top"><ul>
> <li><a href="titulos.htm">Titulos</a></li>
> <li><a href="impresos.htm">Impresos</a></li>
> <li><a href="cd.htm">CD</a></li>
> <li><a href="dvd.htm">DVD</a></li>
> </ul></td>
> </tr>
> <tr>
> <td><img src="images/massobre_Subtitle.gif" width="150" height="22" /></td>
> </tr>
> <tr>
> <td valign="top"><ul>
> <li><a href="#.htm">Revistas</a></li>
> <li><a href="#.htm">Posters</a></li>
> </ul></td>
> </tr>
> <tr>
> <td>Lorem Ipsum soler sit ame prosentus morelum sintae acorpure </td>
> </tr>
> </table>
> </div>
> </body>
> </html>
>
> -----
> Documento CSS
> #navColumnRight {
> font-family:Geneva, Arial, Helvetica, sans-serif;
> font-size:11px;
> width:150px;
> background-color:#FFFF00;
> }
> #navColumnRight ul {
> list-style:none;
> margin-left:0px;
> padding: 0px;
> }
> #navColumnRight li{
> border-bottom:1px solid #CCCC9A;
> }
> #navColumnRight li a:link, #navColumnRight li a:visited {
> background-image:url(images/menuColumnDownBullet.gif);
> display: block;
> padding: 0px 2px 0px 18px;
> border-left: 0px solid #711515;
> border-right: 0px solid #711515;
> background-color: #CCCC9A;
> color: #46461A;
> text-decoration: none;
> }
> #navColumnRight li a:hover{
> background-image:url(images/menuColumnOverBullet.gif);
> background-color:#144E56;
> color:#FFFFFF;
> }
> #navColumnRight ul ul li{
> margin-left:12px;
> }
> _______________________________________________
> 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://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://ovillo.org/mailman/listinfo/ovillo
