Dropdown Navigation

Sicher habt ihr sowas schonmal gesehen:

Home
- Refresh
- Guestbook
- LinkUs
- Partner
About
- Hompage
- Admin
- WebbyX
GFX
- Avatare
- Icons
- Signs
- Layouts

<html>
<head>
<style type="text/css">
 li ul{ 
 position: absolute;
 }
 ul{
 padding: 0;
 list-style: none;
 }
 ul li{
 float: left;
 width: 100px;
 text-align: center;
 }
 ul li a{
 display: block;
 padding: 5px 10px;
 color: LinkF5A9F2;
 background: LinkE6E6E6;
 text-decoration: none;
 }
 ul li a:hover{
 color: LinkF5A9F2;
 background: LinkA4A4A4;
 }
 ul li ul{
 display: none;
 }
 ul li:hover ul{
 display: block; /* display the dropdown */
 }
</style>
</head>
<body>
 <ul>
 <li><a href="Link?">Home</a>
 <ul>
 <li><a href="Link">Refresh</a></li> 
 <li><a href="Link">Guestbook</a></li> 
 <li><a href="Link">LinkUs</a></li> 
 <li><a href="Link">Partner</a></li> 
 </ul></li>

<li><a href="Link?">About</a>
 <ul>
 <li><a href="Link">Hompage</a></li> 
 <li><a href="Link">Admin</a></li> 
 <li><a href="Link">WebbyX</a></li> 
 </ul></li>

<li><a href="Link?">GFX</a>
 <ul>
 <li><a href="Link">Avatare</a></li> 
 <li><a href="Link">Icons</a></li> 
 <li><a href="Link">Signs</a></li> 
 <li><a href="Link">Layouts</a></li> 
 </ul></li>

</body>
</html>

Dropdown Navigation

Main

Linkage

GFX

Reviews

Interaktiv

Affilates

Layout & Coding