Smooth-Graphics
Threadersteller
Dabei seit: 22.05.2006
Ort: -
Alter: -
Geschlecht:
|
Verfasst Di 25.03.2008 12:21
Titel CSS Formatierung für Hover? |
|
|
Hey ihr,
vielleicht hab ich gerade nur ein Brett vorm Kopf oder was weiß ich... aber ich bekomm gerade nicht mein gewünschtes Ergebnis bei nem CSS-Hover hin.
Also folgende Aufgabe:
Ein div als Header mit Bild im Hintergrund. Dann darunter rechts ein Menü. Dort soll es einen Hover geben, der sich über den Menüpunkt und den Header darüber legt (transparentes png-Bild).
Code: | .oneColFixCtrHdr #header {
background-image: url(Bilder/RCK_01.jpg);
height: 180px;
padding: 0; /* Diese Auffüllung entspricht der linksbündigen Ausrichtung der Elemente in den divs, die darunter erscheinen. Wenn im #header anstelle von Text ein Bild eingesetzt wird, sollten Sie die Auffüllung entfernen. */
}
.menucontainer {
margin-right: 35px;
padding-top: 150px;
text-align: right;
}
.menu {
padding: 10px 5px 0 10px;
width: 66px;
font-size: small;
color: #be012d;
}
.menu:hover {
padding: 10px 5px 0 10px;
width: 66px;
height: 180px;
font-size: small;
color: white;
background-image:url(Bilder/RCK_02.png);
}
|
und index.html:
Code: |
<div id="header">
<div class="menucontainer">
<span class="menu">Home</span><span class="menu">Team</span><span class="menu">Galerie</span><span class="menu">Termine</span><span class="menu">Kontakt</span><span class="menu">Impressum</span>
</div>
<!-- end #header -->
</div>
|
Im Moment erstreckt sich das Hover-Bild aber leider nur über den Menücontainer.
Wär nett, wenn ihr mir grade kurz auf die Sprünge helfen könntet.
|
|