nicht angemeldet
Hallo,
würde gern auf einem Bild farbige Pfeile ergänzen und diese verlinken. <area ...> wäre dafür ja ideal, wenn man die noch farbig hinbekäme ...
Du meinst, Du willst im AREA-Element mit dem Attribut shape einen Pfeil als Polygon beschreiben und diesem dann per CSS background-color geben?
geht das wirklich nicht ?
Nein, das geht nicht. AREA-Elemente werden nicht sichtbar gerendert, sondern beschreiben eben nur Bereiche auf dem Bild.
Du könntest Deine Pfeil-Links als A-Elemente absolut auf einem Element positionieren, welches als Hintergrundbild Dein Bild zeigt, auf welchem Du die Pfeile anbringen willst.
Beispiel:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Titel</title>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<style type="text/css">
#linkImage { position:relative; width:200px; height:200px; background-image:url("Beispiel.jpg"); }
#linkImage a { background-color:#FFFF00; background-image:url("pfeil.gif"); position:absolute; width:20px; height:20px; display:block; }
#linkImage a span { display:none }
#linkImage a#ziel1 { top:10px; left:10px; }
#linkImage a#ziel2 { top:90px; left:90px; }
#linkImage a#ziel3 { top:170px; left:170px; }
</style>
</head>
<body>
<h1>Test</h1>
<div id="linkImage">
<a href="ziel1.html" id="ziel1"><span>-> ziel1.htm</span></a>
<a href="ziel2.html" id="ziel2"><span>-> ziel2.htm</span></a>
<a href="ziel3.html" id="ziel3"><span>-> ziel3.htm</span></a>
</div>
</body>
</html>
viele Grüße
Axel
MudGuard
Gernot Back