Tweet
huhu
also ich möchte auf einer homepage wenn man über einen button fährt das darunter ein dropdown menü erscheint. Da ich keine Ahnung davon habe hab ich halt gegoogelt und kam zu diesem CSS Dropdown variante. Ich habe folgenden Code:
Wenn ich das dann mit dem button zum testen mache funktioniert das auch. Nur wenn ich das ganze in mein Design, welches in Tabellen eingeteilt ist anwenden möchte funktioniert das nicht und er zerhaut mir das Design. Siehe hier
Der code welchen ich verwende in dieser Datei sieht folgendermaßen aus:
Wie müsste der Code sein damit es funktioniert in dieser Tabelle oder ist das überhaupt nicht machbar?
Danke im Vorraus für die Hilfe
also ich möchte auf einer homepage wenn man über einen button fährt das darunter ein dropdown menü erscheint. Da ich keine Ahnung davon habe hab ich halt gegoogelt und kam zu diesem CSS Dropdown variante. Ich habe folgenden Code:
PHP-Code:
/* CSS Document */
#menuebox {
position: relative;
height: 30px;
}
.stupidie {
display: none;
}
#menue {
position:absolute;
top: 5px;
left: 0;
z-index: 200;
}
#menue .clan {
float: left;
display: block;
overflow: hidden;
width: 62px;
height: 53px;
}
#menue .clan:hover {
height: auto;
background-color: #1c1c1c;
}
a.innen-1 {
margin-top: 2px;
}
a.innen,
a.innen-1 {
display: block;
width: 10em;
padding: 10px 0;
text-decoration: none;
font-weight: normal;
background-color: #1c1c1c;
}
a:visited.innen,
a:visited.innen-1 {
background-color: #87A71B;
color:#87A71B;
}
a:hover.innen,
a:hover.innen-1 {
background-color: #1c1c1c;
color: #87A71B;
}
span.menutag {
display: block;
cursor: default;
}
Der code welchen ich verwende in dieser Datei sieht folgendermaßen aus:
PHP-Code:
<td width="833" height="100%" align="left" valign="top">
<table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<div id="menuebox">
<div id="menue">
<div class="clan">
<td width="155" height="53" background="images/design/001.gif"> </td>
<span class="menutag"><td><img src="images/design/002.gif" width="62" height="53"></td></span>
<a class="innen-1" href="#"> Member</a>
<a class="innen" href="#"> Results</a>
<a class="innen" href="#"> Regeln</a>
<a class="innen" href="#"> Forum</a>
<td width="118" height="53" background="images/design/003.gif"> </td>
<td width="129" height="53" background="images/design/004.gif"> </td>
<td width="154" height="53" background="images/design/005.gif"> </td>
<td width="80" height="53" background="images/design/006.gif"> </td>
<td width="133" height="53" background="images/design/007.gif"> </td>
</div>
</div><!-- menue -->
</div><!-- menuebox -->
</tr>
Danke im Vorraus für die Hilfe
Kommentar