[CSS][HTML] Przykład prostego menu.
Pozniżej został przedstawiony przykład prostego menu poziomego.
Pozniżej został przedstawiony przykład prostego menu poziomego.
|
1 2 3 4 5 6 7 8 9 10 |
.menu_proste ul{ list-style:none; padding:0px; margin:0px; } .menu_proste li{ padding:2px 10px; float:left; display:block; } |
|
1 2 3 4 5 6 7 |
<div> <ul class="menu_proste"> <li><a href="#">Menu A</a></li> <li><a href="#">Menu B</a></li> <li><a href="#">Menu C</a></li> </ul> </div> |
Przykład #1
Następny kod to przykład menu pionowego.
|
1 2 3 4 5 6 7 8 9 |
.menu_proste ul{ list-style:none; padding:0px; margin:0px; } .menu_proste li{ padding:2px 10px; display:block; } |
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 |
<div> <ul class="menu_proste"> <li>Menu A <ul> <li><a href="#">LINK A</a></li> </ul> </li> <li>Menu B <ul> <li><a href="#">LINK B</a></li> <li><a href="#">LINK B</a></li> </ul> </li> <li>Menu C <ul> <li><a href="#">LINK C</a></li> </ul> </li> </ul> </div> |
Przykład #2
Autor: Łukasz Lewak (LiON_87)
Pokaż jak Ty rozwiązałbyś ten problem lub inny dowolny przez Ciebie wybrany. Przygotowany kurs wraz z imieniem i nazwiskiem wyślij na adres admin.myme[at]gmail.com. Jeżeli uznamy kurs za ciekawy ukaże się on na naszej stronie.
Dodaj komentarz