Perdona, o al li,  al ul...

-----Mensaje original-----
De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
En nombre de Norter
Enviado el: jueves, 03 de julio de 2008 1:29
Para: 'Ovillo, la lista de CSS en castellano'
Asunto: Re: [Ovillo] Fwd: Duda menu

No metas padding, sino height al a o al ul(según lo plantees)... y te
aseguras de que quede bien...

-----Mensaje original-----
De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
En nombre de Jose Avia
Enviado el: jueves, 03 de julio de 2008 0:45
Para: Ovillo, la lista de CSS en castellano
Asunto: [Ovillo] Fwd: Duda menu

Por si no llegaron las imagenes
http://img68.imageshack.us/my.php?image=ejemplosgh7.gif

---------- Forwarded message ----------
From: Jose Avia <[EMAIL PROTECTED]>
Date: 03-jul-2008 0:26
Subject: Duda menu
To: "Ovillo, la lista de CSS en castellano" <ovillo@lists.ovillo.org>


Buena nose.

Tengo este código para un menu:


#contenido .menu{
 margin: 0px;
 padding: 0px;
 width: 267px;
 float: left;
 text-align: left;
}

#contenido .menu ul{
 list-style-type: none;
 padding:0px;
 width: 267px;
 margin: 0px;
 float: left;
}

#contenido .menu li{
 background-image:url(../images/home/linea_menu.gif);
 background-position:bottom;
 background-repeat:no-repeat;
 padding: 5px 0px 5px 45px;
}

#contenido .menu li a{
 text-decoration: none;
 padding: 0px 0px 0px 15px;
}

Este menu me genera la imagen ejemplo.gif

Pero yo lo que quiero es que quede como en ejemplo2.gif

y nolo consigo por que si en:

#contenido .menu li a{
 text-decoration: none;
 padding: 0px 0px 0px 15px;
}

pongo:

#contenido .menu li a{
 text-decoration: none;
 padding: 5px 0px 5px 15px;
}

me queda como en ejemplo 3, es decir, me pega ahi un bote por que le aplica
el paddig aparte.



¿Como puedo solucionarlo?



(He intentado ser lo mas claro posible).



Gracias!

_______________________________________________
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
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 Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo

Responder a