DHTML-Dropdown Menu

 <style type="text/css">
.bereich{
display: block;
color: #FFFFBF;
background-color: #77D3FE;
text-align: center;
}

a.link{
display: block;
color: #0040FF;
font-family: Verdana, Arial;
font-size: 13px;
text-decoration: None;
border: solid 1px #0040FF;
}

a.link.bereich{
display: block;
background-color: #FFFFBF;
width: 100px;
height: 25px;
border-bottom: solid 1px #0040FF;
}

a.link:hover{
display: block;
color: #000000;
background-color: #AAFFBF;
border-bottom: solid 1px #0040FF;
}
</style>

<script type='text/javascript'>
 function anzeigen(das){
 if(document.getElementById(das).style.display=='none')
 document.getElementById(das).style.display='block';
 else document.getElementById(das).style.display='none';}
 </script>

<table cellPadding=0 cellSpacing=0 style="position: absolute; top: 192px; left: 35px;">
<tr>
<td valign=top>
<div class="bereich" onMouseover="anzeigen('menue#1')" onMouseout="anzeigen('menue#1')">
<img src="../bilder/verein.jpg" width=100 height=25>
<span id="menue#1" style="display: none;">
<a href="../home/startseite.php" class="link">Startseite</a>
<a href="../bilder/bilder.php" class="link">Bilder</a>
<a href="" class="link">Demolink</a>
<a href="" class="link">Demolink</a>
</span>
</div>
</td>
<td valign=top>
<div class="bereich" onMouseover="anzeigen('menue#2')" onMouseout="anzeigen('menue#2')">
<img src="../bilder/paten.jpg" width=100 height=25>
<span id="menue#2" style="display: none;">
<a href="" class="link">Demolink</a>
<a href="" class="link">Demolink</a>
<a href="" class="link">Demolink</a>
</span>
</div>
</td>
<td valign=top>
<div class="bereich" onMouseover="anzeigen('menue#3')" onMouseout="anzeigen('menue#3')">
<img src="../bilder/statistik.jpg" width=100 height=25>
<span id="menue#3" style="display: none;">
<a href="" class="link">Demolink</a>
<a href="" class="link">Demolink</a>
</span>
</div>
</td>

<td valign=top>
<div class="bereich" onMouseover="anzeigen('menue#4')" onMouseout="anzeigen('menue#4')">
<img src="../bilder/forum.jpg" width=100 height=25>
<span id="menue#4" style="display: none;">

<a href="http://busia.siteboard.org" class="link">Forum</a>
</span>
</div>
</td>

<td valign=top>
<div class="bereich" onMouseover="anzeigen('menue#5')" onMouseout="anzeigen('menue#5')">
<img src="../bilder/shop.jpg" width=100 height=25>
<span id="menue#5" style="display: none;">
<a href="http://busia.siteboard.org" class="link">Forum</a>
</span>
</div>
</td>

<td valign=top>
<span>
<a href="http://busia.siteboard.org"><img src="../bilder/shop.jpg" width=100 height=25></a>
</span>
</td>

</tr>
</table><br clear="all"/>

img{border: solid 0px; }