Folgendes Problem
Ich habe eine Seite mit einem CSS Menü das folgendermassen aufgebaut ist:
Der Link auf der Webseite wird wie folgt aufgerufen:
<div id="button1"><a href="index.html" style="text-decoration:none;"><span style="visibility:hidden;">Home</span></a></div>
Im CSS ist das wie folgt definiert:
#button1 a { width:178px; height:20px; display:block; background-image:url(home_nav.gif); background-repeat:no-repeat; }
#button1 a:hover { width:178px; height:20px; display:block; background-image:url(home_nav_o.gif); background-repeat:no-repeat; }
#button1 a:active { width:178px; height:20px; display:block; background-image:url(home_nav_o.gif); background-repeat:no-repeat; }
Ziel ist folgendes.
Das Menü besteht aus weissen Buttons, wenn ich mit der Maus rübergehe wird der Button schwarz (klappt).
Wenn ich eine Seite aufrufe, soll der Button jetzt aber schwarz bleiben, sprich die aktive Seite soll auch im Menü anhand der schwarzen Farbe erkannt werden.
ich dachte ursprünglich da smein Code da smacht, macht er aber nicht.
Wie löse ich das Problem und erreiche mein Ziel?
hier mal ein beispiel
http://ralgar.de/self/