HTML: quadratischer Link über einem Foto

Simcrack

Lt. Junior Grade
Dabei seit
März 2011
Beiträge
392
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?
 
N

nexus76

Gast
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.
 
Zuletzt bearbeitet:

Simcrack

Lt. Junior Grade
Ersteller dieses Themas
Dabei seit
März 2011
Beiträge
392
@DonnyDepp
Habs mit ImageMap gemacht, wie du mir vorgeschlagen hast. Genial Vielen Dank für die schnelle Hilfe
 
Top