Pues que cuando el final del menu esta cerca de otra capa, al hacer rollover dicha capa se hace mas grande, :/
(Pero vaya da lo mismo, si el final de esa capa esta lejos, no pasa nada) Gracias! El día 3/07/08, Ignacio Ricci <[EMAIL PROTECTED]> escribió: > > 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 _______________________________________________ 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
