nicht angemeldet
Moin,
ich habe eine Navigation aus Grafiken, die sich in einem <div> befinden. Das Script fürs Mouseover habe ich auf dem SELFHTML Beispiel genommen und entsprechend angepasst:
-- JavaScript --
Normal1 = new Image();
Normal1.src = "home_n.png"; /* erste Standard-Grafik */
Highlight1 = new Image();
Highlight1.src = "test_navi1.gif"; /* erste Highlight-Grafik */
/* usw. fuer alle weiteren zu benutzenden Grafiken */
function Bildwechsel(Bildnr,Bildobjekt) {
window.document.images[Bildnr].src = Bildobjekt.src;
----------------
-- CSS ---------
div#navi {
position:absolute;
top:150px;
left:0px;
border:0px;
}
img#nav {
margin-bottom:10px;
}
[...]
----------------
-- HTML --------
<div id="navi">
<a href="../../../index.htm" onMouseOver="Bildwechsel(0,Highlight1)" onMouseOut="Bildwechsel(0,Normal1)"><img id="nav" src="home_n.png" alt="Home"></a><br>
[weitere Grafiken]
</div>
----------------
Das CSS ist von mir, im Beispiel wurden Tabellen verwendet. Wenn ich jetzt mit der Maus über die Grafik fahre wird die Highligh-Grafik ganz oben-links auf der Seite angezeigt, wenn ich die Maus wieder weg mache ist die normale Grafik an ihrem Platz _und_ da wo die Highlightgrafik war.
Ich denke mein Anliegen ist klar: Wie bekomme ich das hin, dass die Highlight-Grafik am richtigen Platz angezeigt wird?
Danke und Ciao