RE: [Ovillo] Menu en columna

[Miguel Angel Portillo]

Por lo que he podido comprobar tienes dos posibles soluciones:

1. Modificando el HTML para que todos los elementos <li>...</li> se
encuentren en una �nica l�nea sin retornos de carro entre ellos, as�
quedar�a de la forma <li>...</li><li>...</li><li>...</li><li>...</li>
...
(Esto es un posiblemente debido a un bug de IE, que interpreta el
retorno de carro como elemento a visualizar).

2. En el CSS, en el selector "div#menusos ul li a" pues a continuaci�n
de "display: block" le indicas el alto de la caja "height: 11px" y
solucionado.

Tambi�n he probado a meter un "border: 1px solid white" en el selector
"div#menusos ul li" y Oh, sorpresa, tambi�n quita el espacio extra entre
elementos <li>, �por qu�?, pues por que "Billy G." cuando algunos d�as
se levanta por la ma�ana nos propone estas peque�as pesadillas con la
intenci�n de que no nos aburramos, hay que darle las gracias por ello,
no pensemos mal ;).

Espero que esto te sirva.

Un saludo lista.

-----Mensaje original-----
De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En
nombre de Oscar Linares
Enviado el: martes, 29 de junio de 2004 12:57
Para: [EMAIL PROTECTED]
Asunto: [Ovillo] Menu en columna


Hola a todos.

Tengo el siguiente men�.

<div id="menus">
<h2>&Aacute;reas</h2>
<div id="menusos">
<ul>
<li><a href="nat01.htm">Ciencias Naturales</a></li>
<li><a href="soci.htm">Ciencias Sociales, Geograf&iacute;a e
Historia</a></li>
<li><a href="fisica.htm">Educaci&oacute;n F&iacute;sica</a></li>
<li><a href="plasti.htm">Educaci&oacute;n Plastica y Visual</a></li>
<li><a href="filos.htm">Filosof&iacute;a, &Eacute;tica o
Religi&oacute;n</a></li>
<li><a href="lengu.htm">Lengua Castellana y Literatura</a></li>
<li><a href="musi.htm">M&uacute;sica</a></li>
<li><a href="tecno.htm">Tecnolog&iacute;a</a></li>
</ul>
</div>
</div>

Con estas CSS.

body {
        padding: 0px; margin: 0px 0px; font-family: verdana, arial,
sans-serif;
}
h2 {
        text-align: left; font-weight: bold; font-size: 14px; color:
#f60; font-family: arial, sans-serif;
}
div#menus {
        width: 115px; background-color: #ffffff;
}
div#menusos ul {
        border-top: #999999 1px solid; margin: 0px; padding: 0px;
list-style-type: none;
}
div#menusos ul li {
        margin: 0px; padding: 0px;
}
div#menusos ul li a {
        margin: 0px; padding: 5px; display: block; color: #3d3d3b;
text-decoration: none; text-align: right; font-size: 9px; border-bottom:
#999999 1px solid; border-left: #999999 1px solid; border-right: #999999
1px solid;
}
div#menusos ul li a:hover {
        background-color: #ffbd7b;
}

En FIREFOX el men� en columna se ve perfectamente, pero en IE cada
opci�n esta separada de la opci�n superior. He probado todos los MARGIN
y PADDING posibles (creo) pero sigue sin funcionar en IE.

Si alguien me puede decir que es lo que hago mal... Muchas gracias.

Un saludo.

Oscar



_______________________________________________
Ovillo mailing list
[EMAIL PROTECTED]
http://ovillo.org/mailman/listinfo/ovillo_ovillo.org


_______________________________________________
Ovillo mailing list
[EMAIL PROTECTED]
http://ovillo.org/mailman/listinfo/ovillo_ovillo.org