rauchi: Image maps

Beitrag lesen

eine bestimmte Stadt, sprich einen bestimmten Punkt, ... mit einem roten Punkt überdecken.

Ein etwas anderer Ansatz der dir vllt. helfen könnte:
Definiere die Standardgrafik als Hintergrund (http://de.selfhtml.org/css/eigenschaften/hintergrund.htm#background_image@title=background-image, o.ä.) einer div. Diese div muss mittels css auf http://de.selfhtml.org/css/eigenschaften/positionierung.htm#position@title=position:relative gebracht werden. Anschließend machst du in deiner ein image-Element mit src die transparente Grafik (.gif, .png) deines roten Punktes. Anschließend setzt du das image-Element mittels CSS auf position:absolute und display:none;

Wenn du jetzt eine Stadt rot machen willst machst du per JS das display:none wieder weg und mittels http://de.selfhtml.org/css/eigenschaften/positionierung.htm#postop@title=top, http://de.selfhtml.org/css/eigenschaften/positionierung.htm#left@title=right, <http://de.selfhtml.org/css/eigenschaften/positionierung.htm#posbottom@title=bottom >und http://de.selfhtml.org/css/eigenschaften/positionierung.htm#left@title=left positionierst du es am gewünschten Punkt. Die Koordinaten muss du in JS halt wissen.

Könnte man das mit hover: bewerkstelligen? Wenn ja wie?

Dein gezeigtes scheint mir nicht richtig, oder ich habe es nicht verstanden.
Gibt es eine andere /einfachere/ Möglichkeit?