04-04-2011, 13:30
(Ten post był ostatnio modyfikowany: 04-04-2011, 13:33 przez Kartofelek.)
Kolego - zrób to tak jak się powinno robić. Czyli ul w ul. Bez problemu to zrobisz.
Ul normalnie stylujesz tak jak stylowałeś, dajesz dla LI position relative.
Potem w li umieszczasz podmenu UL i jemu dajesz position:absolute; right:0; display:none;
I gotowe. Oczywiście ma to swoje utrudnienia - np gdy menu jest dłuższe niż część strony pod nim. Ale to też jest do ogarnięcia w kilka linijek.
I teraz mały trik. Dodajesz temu menu drugą klasę. Dla tej drugiej klasy dajesz:
ul#druga_klasa li:hover ul {display:block;} dzięki czemu dla tej drugiej klasy po najechaniu na ul pojawi się podmenu.
W JS usuwasz tą klasę i dodajesz funkcjonalność, że pokazujesz to podmenu po kliknięciu.
Dzięki temu zyskujesz swój efekt, ale nie ograniczasz ludzi bez JS.
Ul normalnie stylujesz tak jak stylowałeś, dajesz dla LI position relative.
Potem w li umieszczasz podmenu UL i jemu dajesz position:absolute; right:0; display:none;
I gotowe. Oczywiście ma to swoje utrudnienia - np gdy menu jest dłuższe niż część strony pod nim. Ale to też jest do ogarnięcia w kilka linijek.
I teraz mały trik. Dodajesz temu menu drugą klasę. Dla tej drugiej klasy dajesz:
ul#druga_klasa li:hover ul {display:block;} dzięki czemu dla tej drugiej klasy po najechaniu na ul pojawi się podmenu.
W JS usuwasz tą klasę i dodajesz funkcjonalność, że pokazujesz to podmenu po kliknięciu.
Dzięki temu zyskujesz swój efekt, ale nie ograniczasz ludzi bez JS.
