Hi, bin grad dabei ein Drowdown Menu zu entwerfen, dass sich öffnet wenn darüber "hovert". Leider klappt's nicht, ist wahrscheinlich nur eine Kleinigkeit. Wäre cool wenn mal jemand drüber schaut, der etwas mehr Ahnung hat als ich.
index.html:
Code
<div id="navigation">
<div id="navigation_inside">
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<th id="button"><a href="index.html">HOME</a></th>
<th id="button"><a href="leistungen.html">LEISTUNGEN</th>
<th id="button"><a href="up2date.html">UP2DATE</th>
<th id="button"><a href="kontakt.html">KONTAKT</th>
<th id="button"><a href="impressum.html">IMPRESSUM</th>
</tr>
<tr id="bla">
<th id="subbutton"><a href="unterpunkt.html">UNTERPUNKT</th>
</tr>
</table>
</div>
</div>
Alles anzeigen
template.css:
Code
#navigation{
height:40px;
background:rgba(130,130,130,0.5);
}
#navigation_inside{
margin-left:405px;
}
#button{
background:rgba(130,130,130,0);
width:115px;
height:40px;
position:relative;
}
#button a,#subbutton a{
text-decoration:none;
color:#fff;
}
#subbutton{
background:rgba(130,130,130,0.5);
width:115px;
position:absolute;
left:862px;
}
#bla{
visibility:hidden;
}
#bla:hover #subbutton{
visibility:visible;
}
Alles anzeigen
Wäre super wenn mir behilflich sein könnte