Listy o nieoznaczonych elementach coraz częściej są stosowane jako elementy nawigacyjne. Tak też jest w moim przyapdku, więc parę zebranych przykładów zastosowania CSSow do ich formatowania znajdziecie tutaj.
Zaletą takiego rozwiązania jest zachowanie naturalnej hierarchii w naszym menu, więc przeglądarki które nie obsługują CSSów zobaczą elementy zagnieżdżone dokładnie w tych miejscach gdzie one byc powinny!
Pozioma lista rozciągnięta na całą stronę. Poszczególne elementy zróżnicowane. Wersja dostępna dla przelądarki Firefox lub innej obsługującej CSS3
Pozioma lista, z efektem rollover.
Pionowa lista, z efektem rollover.
Pionowa lista symulująca tę z eksplorera windowsowego. Dodałem także małe bajerki JS'owe umożliwiające rozwijanie i zwijanie.
Dorobiłem wersję zoptymalizowaną pod przeglądarkę Firefox (link), która korzysta z pseudoklas i dzięki temu sam opis listy znacznie się uprościł.
