Guten Abend!
Unser Problem ist folgendes:
Wir haben für die Navigation eine Landkarten-Imagemap erstellt. Jetzt möchte der Grafiker gerne, daß die Ortsnamen in der Karte, wie man es von Textlinks kennt, bei Überfahren des sensiblen Bereichs ihre Farbe ändern. Also habe ich die Ortsnamen in eigene <div> mit eigenen ids gepackt, absolut an die entsprechenden Stellen positioniert. Wenn die Maus direkt über dem Textlink ist, ändert dieser auch seine Farbe, wie im Style Sheet vorgegeben. Nun ist aber der entsprechende Bereich der map viel größer als der Textlink (und leider nicht rechteckig); meine Versuche, den <areas> per mouseover eine Farbänderung des Textlonks beizubiegen, sind bisher fehlgeschlagen.
Hier ein Auszug aus dem Quelltext:
<div id="title_sieben"><a href="phase07.html">Phase VII</a></div>
<img src="../gfx/Leitprofil2.jpg" width="200" height="764" border="0" usemap="#Leitprofil2_Map">
<map name="Leitprofil2_Map">
<area shape="rect" coords="136,4,189,106" href="phase07.html"
onmouseover="document.getElementById('title_sieben').style.color = #ff0000;">
</map>
Dieser Code erzeugt im IE folgende Meldung:
Scriptfehler
Zeile:25
Zeichen:55
Ungültiges Zeichen
Code:0
das entsprechende Zeichen wäre das "t" in style??!!
Wer kann mir hier helfen? Ist der gewünschte Effekt überhaupt zu erzielen? Braucht übrigens nur im IE zu funktionieren
Dank im Voraus