Menu w formie zakładek
Często spotykanym rozwiązaniem w projektowaniu menu strony jest tworzenie go w formie zakładek. Poniższe menu składa się z nieuporządkowanej listy ułożonej poziomo.
<!DOCTYPE html> <html> <head> <title> Menu w formie zakładek </title> <style> li.menu { display: inline;} li.menu a { background-image: url(tab.gif); width: 138px; text-align: center; color: #2c2c2c; text-decoration: none; border-bottom: 1px black solid; float: left; } li.menu a:hover { background-image: url(tabhover.gif); text-decoration: none; font-weight: bold; } </style> </head> <body> <p> <ul> <li class="menu"><a href="#">Odsyłacz 1</a></li> <li class="menu"><a href="#">Odsyłacz 2</a></li> <li class="menu"><a href="#">Odsyłacz 3</a></li> </ul> </p> </body> </html>
Zapisz poniższe obrazki na dysku: