HTML: quadratischer Link über einem Foto

[Simcrack]

Hallo zusammen

Ich schreibe gerade eine HTML Webseit und kommen nicht weiter.

Ich habe ein Bild, über das Bild möchte ich einen durchsichtigen, quadratischen Link legen (à la Facebook).

Wenn ich nur den Link mache funktioniert es wie gewünscht. Sobald ich aber ein Bild habe und den Link drüberlege, ist der Link nicht mehr quadratisch sondern ein ganz normaler Text-Link und das Bild wird unten abgeschniten.

Hier men Code:
<img src="bild.jpg" height="371" width="556" />
<a href="Link.html" style="display: block; width: 100px; height: 100px; margin-left: 420px; margin-top: -260px;">Text</a>

Wie muss ich das machen?

 

[DonnyDepp]

so:
http://www.html-world.de/program/html_14.php


oder meinst sowas?

<a href="Link.html" style="display: block; width: 100px; height: 100px; margin-left: 420px; margin-top: -260px;"><img src="bild.jpg" height="371" width="556" /></a>

 

[nexus76]

Ich habe ein Bild, über das Bild möchte ich einen durchsichtigen, quadratischen Link legen (à la Facebook).

meinst Du quadratisch oder rechteckig? weil height="371" width="556" ist eindeutig rechteckig!

Wenn ich nur den Link mache funktioniert es wie gewünscht. Sobald ich aber ein Bild habe und den Link drüberlege, ist der Link nicht mehr quadratisch sondern ein ganz normaler Text-Link und das Bild wird unten abgeschniten.

So wie Du es beschrieben hast liegt der Link unter dem Bild.
Den Link über das Bild legen funktioniert z.B. so:
<a href="Link.html" style="display: block; width: 100px; height: 100px; margin-left: 420px; margin-top: -260px;"><img src="bild.jpg" height="371" width="556" />Text</a>
Das Bild muß also zwischen Anfang & Ende des Links, das Bild also mit dem Link umschließen.

 

[Simcrack]

@DonnyDepp
Habs mit ImageMap gemacht, wie du mir vorgeschlagen hast. Genial Vielen Dank für die schnelle Hilfe