Tengo entendido que como elemento hijo de un <ul> solo puede haber un
<li>, asi que te faltaria agregarlo en tu codigo, algo asi:
<div id="menus">
<ul class="menu">
<li>
<ul>
<li>ul1-li1</li>
</ul>
</li>
<li>
<ul>
<li>ul2-li1</li>
<li>ul2-li2</li>
<li>ul2-li3</li>
<li>ul2-li4</li>
</ul>
</li>
<li>
<ul>
<li>ul3-li1</li>
<li>ul3-li2</li>
</ul>
</li>
</ul>
</div>
Pruebalo asi a ver.
Martin Szyszlican escribió:
Buenas noches lista, les tengo una duda.
Necesito posicionar verticalmente abajo unos ULs.
El menu es un UL con 3 ULs nestea*d*os.
Pero en realidad se muestran asi:
ul1-li1 | ul2-li1 | ul3-li1
| ul2-li2 | ul3-li2
| ul2-li3 |
| ul2-li4 |
Pero tienen diferentes altos, y quiero que esten alineados abajo, no
arriba, es decir asi:
| ul2-li1 |
| ul2-li2 |
| ul2-li3 | ul3-li1
ul1-li1 | ul2-li4 | ul3-li2
Probé con vertical-align en los ul, en la clase, en todos lados, pero
no ha funcionado.
Aqui esta mi html:
<div id="menus">
<ul class="menu">
<ul>
<li>ul1-li1</li>
</ul>
<ul>
<li>ul2-li1</li>
<li>ul2-li2</li>
<li>ul2-li3</li>
<li>ul2-li4</li>
</ul>
<ul>
<li>ul3-li1</li>
<li>ul3-li2</li>
</ul>
</ul>
</div>
Y aqui mi css:
.menu ul {
float: left; width:
160px; }
.menu li {
list-style: none;
}
#menus {
width: 760px;
height: 120px;
overflow: hidden;
}
#menus * {
padding: 0px;
margin: 0px;
}
_______________________________________________
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://ovillo.org/mailman/listinfo/ovillo
