Rollover: Ganzes Div Füllen

[matibaski]

Moin!
Hätte da eine Frage:
Wie kann man bei einem Container-RollOver das ganze Div ändern?
Also die Hintergrundfarbe soll weiss werden.

Hier sind meine bisherigen Codes:

<!--Navigation.php-->
<div class="menu" style="width:155px; height:auto:">
 <div style="width:155px; height:20px; display:block; border-bottom:1px solid black">
  <a class="menu" href="index.php?site=home&lang=hr">&nbsp;Početna stranica</a>
 </div>
 <div style="width:155px; height:20px; display:block; border-bottom:1px solid black">
  <a class="menu" href="index.php?site=zimmer&lang=hr">&nbsp;Sobe</a>
 </div>
 <div style="width:155px; height:20px; display:block; border-bottom:1px solid black">
  <a class="menu" href="index.php?site=bilder&lang=hr">&nbsp;Slike</a>
 </div>
 <div style="width:155px; height:20px; display:block; border-bottom:1px solid black">
  <a class="menu" href="index.php?site=baskavoda&lang=hr">&nbsp;Baska Voda</a>
 </div>
 <div style="width:155px; height:20px; display:block; border-bottom:1px solid black">
  <a class="menu" href="index.php?site=kontakt&lang=hr">&nbsp;Kontakt</a>
 </div>
 <div style="width:155px; height:20px; display:block;">
  <a class="menu" href="index.php?site=impressum&lang=hr">&nbsp;Disclaimer</a>
 </div>
</div>

Der dazugehörige Stylesheet:

/* Menü */
div.menu {
border:1px solid black;
}

.menu {
color: #000000;
font-size: 13px;
}

a.menu:link, a.menu:active, a.menu:visited {
text-decoration: none;
font-size: 13px;
display:block;
}

a.menu:hover {
text-decoration:none;
background-color:#ffffff;
font-weight:bold;
display:block;
color:#000000;
font-size: 13px;
}

Ich dachte irgendwie so, aber das geht natürlich nicht :mrgreen:

a.menu:hover {
text-decoration:none;
background-color:#ffffff;
font-weight:bold;
display:block;
color:#000000;
font-size: 13px;
 div.menu {
 background-color:ffffff;
 }
}

Hat jemand 'ne Idee/Lösung?


MfG, matibaski

 

[FrashMan]

ich habe das bei mir so gelöst:

div:hover { background-color: #FFFFFF; }

sprich nicht zum anker den hintergrund geändert sondern zu der ebene. das sollte erstmal funktionieren

jedoch spricht der IE nicht gut drauf an. da muss ich auch nocheinmal schauen :-)

 

[matibaski]

Ging voll in die Hosen!

Da passiert nix....


MfG, matibaski

 

[handymanjack]

alsooo....

hi erstmal..

ich habs mit javascript gelöst:

<div id="deindiv" onmouseover= " this.className='divmitanderemhintergrund';" onmouseout="this.className='deindiv';>....</div>

hoffe es hilft dir
mfg
handymanjack:roll:

 

[matibaski]

Hat mir früher schon geholfen, nur dass ich nicht mein eigener Auftraggeber bin.
Der sagte, er möchte kein Javascript, damit man die Seite optimiert und vollständig sehen kann ohne JavaScript.


MfG, matibask