Pues sí, lo cierto es que me había sonado tajante, como mandarme a paseo, pero bueno, imagino que no era así.
Volvamos entonces a la primera consulta: ¿se puede hacer el menú
número 5 pero que las opciones de segundo nivel aparezcan siempre arriba del todo, junto a item 1 del menú?.
Seguro que sí. El selector que controla eso es este:
Cita: #menu ul li a:hover ul, #menu ul li:hover ul {display: block;
position: absolute;left: 161px;top:-1px!important;top: -31px;
}
indicando para todos un top de -1px (excepto para IE6, que marca -31px).
¿Cómo hacer para que vayan arriba? pues deberías dar a cada submenú un ID o una clase, y desplazar hacia arriba tanto espacio como el tamaño dependiendo de qué item sea (por ejemplo top: -25px para el submenú del elemento 2, -46px para el 3, o lo que correponda).
¿Combinar eso con el
número 7 para que queden las opciones a la vista al ser pulsadas? Buf, mucho trabajo para un menú que considero poco práctico.
Ahí tienes ya todo el material y todas las claves. Espero que lo consigas. Si es así estaría bien que lo mostraras por si a alguien le puede interesar.