Bender: Area Shape abschnitte mit Mouseover effekt

Hallo!

Ich möchte gerne eine Navigationsleiste in meine HP einbauen. Hier mal ein Bild davon, wie ich es zurzeit habe:

http://www.apload.de/images-i183502bqine2.jpg

Dazu mein HTML Code:

<map name="Testbild">
<area shape=rect coords="0,0,220,25" href="cpu.html">
</map>
<img src="testbar.jpg" usemap="#Testbild" border=0>

(Bis jetzt nur 1 von 3 area shapes definiert, da ich zuerst das mit dem Mouseover ausprobieren wollte)

So, und nun möchte ich, dass wenn ich mit der Maus über "CPU - Lüfter - Arbeitsspeicher" gehe, der Text (bzw. das Bild in dem Abschnitt) durch ein anderes Bild - in diesem Falle der selbe Text in einer helleren/anderen Schriftfarbe - ersetzt wird!

Ist sowas möglich?

Danke im Vorraus,

mfg

  1. Möchtest Du nicht vielleicht auf <http://de.selfhtml.org/css/layouts/navigationsleisten.htm@title=CSS-basierte Menüs> umsteigen? maps sind so 90's...

    http://de.selfhtml.org/css/layouts/anzeige/nav_float.htm@title=Beispiel
    Geht auch mit Bildern :)

    Cheers,
    Baba

  2. Om nah hoo pez nyeetz, Bender!

    Ich habe das Bild nicht angeschaut, aber da du rechteckige Areas verwenden möchtest, würde ich eine ganz normale Liste von Verweisen als Navigation verwenden. (Ich behaupte auch, die sind für Suchmaschinen leichter zu finden)

    Und für die entsprechenden Hintergrundbilder kannst du ein großes Sprite verwenden. So gehts.

    Danke im Vorraus,

    gerrn ;-)

    Matthias

    --
    1/z ist kein Blatt Papier.

  3. Hey, danke euch beiden für die Antworten.

    Sieht beides ganz gut aus mit CSS, werde ich mir mal anschauen.

    Problem ist nur, dass das ganze ein Schulprojekt ist und da wir CSS noch nicht als Thema hatten, sieht der Lehrer das nicht so gerne. Deshalb wollte ich es gerne mit Maps machen. Ist dann nicht möglich denke ich, oder?

    1. Om nah hoo pez nyeetz, Bender!

      Problem ist nur, dass das ganze ein Schulprojekt ist und da wir CSS noch nicht als Thema hatten, sieht der Lehrer das nicht so gerne.

      Tja, es gibt halt den einen oder anderen Lehrer, der in Punkto Webdesign nicht auf dem aktuellen Stand ist. Und es ist von einem Schüler auch nicht zu erwarten, dass er das Rückgrat hat, dem Lehrer das zu sagen.

      Matthias

      --
      1/z ist kein Blatt Papier.

      1. Hallo,

        Tja, es gibt halt den einen oder anderen Lehrer, der in Punkto Webdesign nicht auf dem aktuellen Stand ist. Und es ist von einem Schüler auch nicht zu erwarten, dass er das Rückgrat hat, dem Lehrer das zu sagen.

        ... sagte der Lehrer.
        DAS nenne ich Größe, das fetzt. Respekt!

        So long,
         Martin

        --
        Die letzten Worte des Polizisten:
        Ich hab mitgezählt, Leute: Sechs Schuss, jetzt hat er keine Munition mehr!
        Selfcode: fo:) ch:{ rl:| br:< n4:( ie:| mo:| va:) de:] zu:) fl:{ ss:) ls:µ js:(