Bei OnMouseOver anderen Div anzeigen

[Vert1cal]

Hi Leute,

habe ein Problem und hoffe ihr könnt helfen.

Ich habe zwei Divs

#homebutton  {
	position: absolute;
	top: 270px;
	left: 36px;
	Width: 70px;
	Height: 16px;
	background-image: url(homebutton.jpg);
}

#homeoverlay {
	
	position: absolute;
	top: 254px;
	left: 31px;
	Width: 205px;
	Height: 45px;
	background-image: url(homeOverlay.png)
}

folgender HTML Code Dazu

<a href="index.html"><div ID="homebutton"></div></a>

Wenn ich nun mit der Maus auf die Grafik des Div "homebutton" gehe, soll der Div "homeoverlay" angezeigt werden....
Ich bekomme es einfach nicht hin.

Für alle Möglichkeiten sei es JS oder nur CSS bin ich sehr dankbar.
Hab auch schon viel gegoogelt und mit JS document.getElementById probiert oder mit hover in CSS....ich bekomms einfach nicht hin.

Wäre euch super dankbar wenn ihr da ne Lösung habt.

Danke und viele Grüße,
Vert1cal

- - - Updated - - -

Habs nun endlich hinbekommen.

Habe die Div Container in Klassen geändert und folgenden Code verwendet: class="homebutton" onmouseover="this.className='homeoverlay';" onmouseout="this.className='homebutton';"

So gehts.
Kann hier zu.

 

[ofhouse]

Den HTML-Teil solltest du aber nochmal überarbeiten

In einem a-Element darf laut Referenz kein div-Element enthalten sein (Siehe SELFHTML: HTML/XHTML / Referenz /HTML-Elementreferenz)
Auch wenn sich moderne Browser nicht dran stören, ist ein Syntaxfehler, den du verbessern solltest.

 

[mhrpcler]

Das sollte sich komplett mit CSS bauen lassen.

Vielleicht hilft folgender Link weiter: :hover: Mouseover-Effekt: Beispiel zur CSS-Referenz auf CSS 4 You - The Finest in Stylesheets
Mit der Eigenschaft "display" und deren Werten "none", "block" usw. sollte es klappen.

 

[tobsel]

Sollte aber mit reinem CSS auch bestens funktionieren.