Funciona.
Muchisimas gracias.
El 23 de octubre de 2008 17:16, Ignacio Ricci <[EMAIL PROTECTED]>escribió:
> Amigo algunas cosas:
>
> - No uses _margin, ya que no valida el código. Si necesitas algo especial
> para IE, usa un star hack (* html ul {}) o css condicionales.
> - Usa un reset styles, te va a facilitar la vida (
> http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/).
>
>
> El problema es que le está dando height al LI.
>
> Lo que hay que hacer 1ro es anidar el sub menu a la lista correctamente.
>
> <ul>
> <li><a href="">Link</a></li>
> <li>
> <ul>
> <li><a href="">Link 2</a></li>
> <li><a href="">Link 2</a></li>
> </ul>
> </li>
> </ul>
>
> Y despues en el css:
>
> #contenido .menu li {}
>
> Borrale el height, y agregale padding:5px 0;
>
> y listo.
>
>
>
> 2008/10/23 Jose Avia <[EMAIL PROTECTED]>
>
> > Buenas.
> >
> > Tengo un problema con una lista anidad en explorer 7.
> >
> > Perdonad que os ponga el código pero es que me urge y le he dado 20.000
> > vueltas y no encuentro solución.
> >
> > El problema es que se me monta, es decir, el ul anidado se me queda por
> > debajo de la entrada siguiente de los menus, es como si IE 7 no lo
> > interpretase
> >
> > El código es este:
> > <ul class="menu">
> > <li><a href="1.php">Quiénes somos</a></li>
> > <li><a href="2.php">Productos</a></li>
> > <ul class="submenu">
> > <li><a href="1.php">Médica</a></li>
> > <li><a href="2.php">Industrial</a></li>
> > <li><a href="3.php">General</a></li>
> > </ul>
> > <li><a href="3.php">Maquinaria</a></li>
> > <li><a href="4.php">Sistema de calidad</a></li>
> > <li><a href="5.php">Clientes</a></li>
> > </ul>
> >
> > Dudo sobre si es correcto así, o debería de cerrar el li con el ul
> dentro,
> > pero lo cierto es que si hgo esto, también me pasa lo mismo en mozilla.
> >
> > No se que estoy haciendo mal, si algún float o que.
> >
> > Insisto, siento poner el código pero me urge y es que no se que mas
> hacerle
> > para ver si funciona :/
> >
> > El css es este:
> >
> > #contenido ul.menu{
> > margin:15px 10px 0 20px;
> > _margin:15px 10px 0 10px;
> > padding:0;
> > list-style-type:none;
> > width:270px;
> > font-size:16px;
> > float:left;
> > }
> >
> > #contenido .menu li{
> > margin:0;
> > padding:0;
> > width:270px;
> > height:26px;
> > line-height:26px;
> > border-style:solid;
> > border-width:0 0 1px 0;
> > border-color:#eee;
> > }
> >
> > #contenido .menu li a{
> > margin:0;
> > padding:0 0 0 10px;
> > width:260px;
> > text-decoration:none;
> > height:26px;
> > color:#666;
> > }
> >
> > #contenido .menu a:hover{
> > background-color:#e5e5e5;
> > color:#333;
> > display:block;
> > }
> >
> > #contenido .submenu{
> > margin:0 0 0 20px;
> > padding:0 0 10px 0;
> > list-style-type:none;
> > width:230px;
> > height:auto;
> > font-size:12px;
> > }
> >
> > #contenido .submenu li{
> > margin:0;
> > padding:0;
> > width:230px;
> > height:22px;
> > line-height:26px;
> > border-style:solid;
> > border-width:0 0 1px 0;
> > border-color:#eee;
> > }
> >
> > #contenido .submenu li a{
> > margin:0;
> > padding:0 0 0 10px;
> > width:220px;
> > text-decoration:none;
> > height:22px;
> > color:#666;
> > }
> >
> > #contenido .submenu a:hover{
> > background-color:#e5e5e5;
> > color:#333;
> > display:block;
> > }
> > _______________________________________________
> > 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://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 [email protected]
> 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 [email protected]
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
