• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Rahmen bei Imagemap

Status
Für weitere Antworten geschlossen.

edv-rs

Neues Mitglied
Hallo,

ich würde gerne den Bereich (<area ... > eines Imagemap mit einem Rahmen versehen, wenn die Maus darüber bewegt wird. Bisher habe ich schon versucht mit der Pseudoklasse hover das irgendwie anzustellen, habe es aber nicht geschafft, dass der Rahmen angezeigt wurde.

Da ich eine Dokumentation erstelle, wollte ich damit den Bereich kennzeichnen, ohne in die Grafik feste Bereiche zu zeichnen mit dem Grafikprogramm, besser wäre die Anzeige des Bereiches, wenn sich die Maus in diesem befindet.

Hat jemand eine Idee?

Vielen Dank - Rainer
 
Werbung:
Eine Idee wäre mit einem JavaScript Event onMouseOver.

Ob dies jedoch funktioniert, müsste man probieren.
 
Du kannst für jedes area-Tag eine Klasse setzen. Beispielsweise "link".

Dann setzt du für die Klasse ein Hover.

Das sieht so aus:
Code:
a.link:hover {
border:1px;
/* Evtl. nochwas */
}
MfG, matibaski
 
Werbung:
Hallo,

@da_loki: JavaScript möchte ich nicht, kann jeder deaktiviert haben, für mich stehen die Möglichkeiten von CSS im Vordergrund

@matibaski: Funktioniert leider nicht oder ich mache was falsch

HTML:
<map name="hilfe">
<area class="rah" shape="rect" coords="2,80,151,464" title="Hauptnavigation - Anwendungsauswahl" href="#grafik" />
<area class="rah" shape="rect" coords="212,147,414,327" title="Kalender - Auswahl Reservierungsdatum" href="#grafik" />
</map>
...
<img src="<?php echo $g_verz . $g_grafik;?>" usemap="#hilfe" />

CSS:
.rah {border:2px solid green;}

Der Inhalt von title wird korrekt angezeigt. Ich habe es auch schon mit a.rah in der CSS-Datei versucht.

Habe zwischenzeitlich noch eine andere Lösung gefunden, vielleicht ist diese noch einfacher umsetzbar.

Gruß und Dank Rainer

Hallo,

Nachtrag:

.rah:hover {border:...}

geht aber auch leider nicht.

Gruß und Dank Rainer

Beiträge zusammengefügt: Bitte EDIT-Funktion benutzen. (Corvulus)
 
Zuletzt bearbeitet von einem Moderator:
Hallo,

Nachtrag:

.rah:hover {border:...}

geht aber auch leider nicht.

Gruß und Dank Rainer
Du musst es haben:
Code:
a.rah:hover {
border:2px solid green;
}
MfG, matibaski


edit:
In zukunft würde ich Doppelposts vermeiden. MODs regieren nicht gut drauf.
(Lies die Regeln)
 
Hallo,

Entschuldigung für das Doppelposting, aber bei mir erschien keine Editierfunktion, obwohl ich das Häckchen bei "Angemeldet bleiben" aktiviert hatte, ging meine Anmeldung verloren und das habe ich leider nicht gesehen. Habe mal eben den Cookie-Status geprüft, war deaktiviert, vielleicht geht's ja nun richtig.

@matibaski: irgendwie mag mein Firefox das mit dem hover und den Imagemaps nicht. Ich hatte ja noch eine andere Lösung gefunden und werde nun wohl die Seite neu aufbauen (bin noch am Anfang).

Hier ist der Link, falls es jemanden interessiert

Gruß und Dank Rainer
 
Werbung:
Entschuldigung für das Doppelposting, aber bei mir erschien keine Editierfunktion, obwohl ich das Häckchen bei "Angemeldet bleiben" aktiviert hatte, ging meine Anmeldung verloren und das habe ich leider nicht gesehen. Habe mal eben den Cookie-Status geprüft, war deaktiviert, vielleicht geht's ja nun richtig.
Jaja ist ja in Ordnung ;) Nächstes mal einfach daran denken und gut ist.


@edv-rs: Warum nimmst du nicht meine Alternative. Das klappt 100%. Habe ich auch schon oft gemacht.

Ich kann dir gerne helfen.

mfulg
 
Entschuldigung!

Man bin ich verplant. War im Gedanken noch im anderen Thema.

Mods: Bitte letzten 2 Post von mir löschen"
 
Werbung:
Status
Für weitere Antworten geschlossen.
Zurück
Oben