Hallo.. ich bräuchte Hilfe bei der Erstellung eines DropDownMenüs für meine Website.
Hier ein Screenshot des Designs(bei einem "hover" ändert sich die Darstellung des Buttons):
Hier noch mein HTML-Code zu den bisherigen Buttons:
Und auch der CSS-Code dazu:
Wäre jemand so nett, mir damit weiterzuhelfen?
Wie bekomme ich es hin, beim "hovern" auch noch einen dropdown-Effekt zu erzeugen?
Ich bedanke mich schonmal für eure Antworten. Liebe Grüße
z3d3
Hier ein Screenshot des Designs(bei einem "hover" ändert sich die Darstellung des Buttons):
Hier noch mein HTML-Code zu den bisherigen Buttons:
HTML:
<div id="buttons">
<div id="button">
<a href="index.html"><div class="button2"><p>Home</p></div></a>
<a href="about.html"><div class="button2"><p>About</p></div></a>
</div>
</div>Und auch der CSS-Code dazu:
Code:
body {
background-color:#24272d;
margin:0px auto;
min-width:960px;
}
#header {
width: 100%;
height: 261px;
margin:0px auto;
text-align:center;
}
#buttons {
width: 100%;
height: 39px;
}
#button {
width: 960px;
margin:0px auto;
text-align:center;
}
.button2 {
float:left;
width:160px;
height:39px;
background:url(img/button_sprites.png) no-repeat;
background-position: 0px 0px;
}
.button2 p {
font-size:20px;
font-family:Cambria;
color:white;
margin:0px;
margin-top:8px;
}
.button2 a {
text-decoration:none;
}
.button2:hover{
background-position: 0px -39px;
cursor:pointer;
}Wäre jemand so nett, mir damit weiterzuhelfen?
Wie bekomme ich es hin, beim "hovern" auch noch einen dropdown-Effekt zu erzeugen?
Ich bedanke mich schonmal für eure Antworten. Liebe Grüße
z3d3
