Bender: Area Shape abschnitte mit Mouseover effekt

SELF-Forum

Area Shape abschnitte mit Mouseover effekt

Bender
– Informationen zu den Bewertungsregeln

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

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. Area Shape abschnitte mit Mouseover effekt

    Baba
    – Informationen zu den Bewertungsregeln

    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

    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

  2. Area Shape abschnitte mit Mouseover effekt

    Matthias Apsel Homepage des Autors
    – Informationen zu den Bewertungsregeln

    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.

    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

  3. Area Shape abschnitte mit Mouseover effekt

    Bender
    – Informationen zu den Bewertungsregeln

    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?

    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

    1. Area Shape abschnitte mit Mouseover effekt

      Matthias Apsel Homepage des Autors
      +1 Informationen zu den Bewertungsregeln

      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.

      Beitrag melden
      +1
      Informationen zu den Bewertungsregeln

      1. Area Shape abschnitte mit Mouseover effekt

        Der Martin
        – Informationen zu den Bewertungsregeln

        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:(
        Beitrag melden
        –
        Informationen zu den Bewertungsregeln