No entiendo muy bien la complicación. Esto a mi me funciona perfectamente:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd";> <html xmlns="http://www.w3.org/1999/xhtml";> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Untitled Document</title> <style type="text/css"> #contenido .menu { margin:0; padding:0; width:267px; float:left; /*text-align: left;*/ } #contenido .menu ul { list-style:none; margin:0; padding:0; /*float:left;*/ } #contenido .menu li { background:url(../images/home/linea_menu.gif) no-repeat bottom left; border-bottom:1px solid #CCC; } #contenido .menu li a { text-decoration:none; display:block; padding:5px 0 5px 25px; margin:0; } #contenido .menu li a:hover { background:#EEE; color:#333; } </style> </head> <body> <div id="contenido"> <div class="menu"> <ul> <li><a href="#">Link 1</a></li> <li><a href="#">Link 2</a></li> <li><a href="#">Link 3</a></li> <li><a href="#">Link 4</a></li> <li><a href="#">Link 5</a></li> <li><a href="#">Link 6</a></li> </ul> </div> </div> </body> </html> --------------------------------------------------- 2008/7/3 Jose Avia <[EMAIL PROTECTED]>: > Uy, perdon por las mayusculas, alguien sabe por que puede ser esto?, por > que > no hay paddings por ningun lado :S > > El día 3 de julio de 2008 13:58, Jose Avia <[EMAIL PROTECTED]> escribió: > > > Mmmm perfecto no, si tiene contenido debajo, (como es el caso), CUANDO > HAGO > > HOVER LO BAJA 20 PIXELES. > > > > ¿Por que puede ser? > > > > Saludos! > > > > > > El día 3/07/08, Jose Avia <[EMAIL PROTECTED]> escribió: > > > >> Perfecto, lo he puesto con un height, y para centrarlo le he dado > >> line-height, et voila. > >> > >> Gracias! > >> > >> > >> El día 3/07/08, Norter <[EMAIL PROTECTED]> escribió: > >>> > >>> 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 > >>> > >> > >> > > > _______________________________________________ > 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 > -- ↓ Ignacio Ricci www.ignacioricci.com _______________________________________________ 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
