mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Di 05.07.2022 17:41 Benutzername: Passwort: Auto-Login

Thema: CSS Formatierung für Hover? vom 25.03.2008

Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> CSS Formatierung für Hover?
Autor Nachricht
Smooth-Graphics
Threadersteller

Dabei seit: 22.05.2006
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Di 25.03.2008 12:21
Titel

CSS Formatierung für Hover?

Antworten mit Zitat Zum Seitenanfang

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. Lächel
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Ähnliche Themen [CSS] Mit CSS-Befehl Formatierung löschen
[CSS] Hover in Css Klasse einfügen ?
CSS-Formatierung
[JS/CSS] CSS-Hover mit JS animieren?
Attributbedingte CSS-Formatierung im IE
Problem mit der Formatierung mit CSS
Neues Thema eröffnen   Neue Antwort erstellen
MGi Foren-Übersicht -> Allgemeines - Nonprint


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.