Ansicht:   

#409182 Image-map verhält sich rätselhaft (web.design)

verfaßt von Mike_R zur Homepage von Mike_R, Rosenheim, 28.02.2017, 21:45:47

Hi,
vielleicht hat ja jemand eine Erklärung für folgendes seltsame Verhalten:
Über einem Hintergrund-Bild ist ein Text gelegt "Zum Buchshop", der zu einer anderen Seite führt.
Der Optik wegen ist der Text schräg gestellt (siehe 'rotate' in der CSS-Datei!)
Die entspr. Teile der html-, bzw. unten der CSS-Datei schauen so aus:

<div id="extralink">
<a href="buchshop.php">Zum Buchshop</a>
</div>
...
<img src="Bilder/.. .jpg" alt=".." width="492" height="675" border="0" z-index="2" usemap="#Map">
...
<map name="Map">
....
<area shape="poly" coords="100,490,380,390,350,330,70,450" href="buchshop.php">
</map>
+++++++++++++
#extralink {
position:absolute;
left:600px;
top:400px;
font-size:25pt;
color:white;
border:1px solid yellow;
z-index:1;
transform: rotate(-20deg);
}

Der link funktioniert auch im Prinzip, aber nicht im Text selber, d. h. wenn ich die Maus am Außenrand des gelben Rahmens (rundherum) bewege, verwandelt sie sich in die Hand, sobald sie aber auf den Text selber, bzw. innerhalb des Rahmens geführt wird, verschwindet die Maus-Hand wieder und der link spricht auch nicht mehr an. Das 'href' erscheint ja zweimal; aber selbst wenn ich's im id-Bereich weglasse, ändert das gar nichts.

Wäre schön, wenn da jemand einen Tipp hätte.

(Helau!) Mike_R

 

gesamter Thread:

Ansicht:   
Auf unserer Web-Seite werden Cookies eingesetzt, um diverse Funktionalitäten zu gewährleisten. Hier erfährst du alles zum Datenschutz