nicht angemeldet
Hallo.
Ich möchte zu Testzwecken einem Link eine feste Größe geben.
Dies soll nur mit HTML und/oder CSS geschehen.
Ich möchte mal kurz zeigen, wie ich mir das vorstelle:
+---------------------------------+
|Hier ist ein Link |
| |
| |
+---------------------------------+
Der gesamte markierte Bereich soll klickbar/hoverbar sein.
Klar, ich hab CSS versucht (hier mal die Auszüge):
#linklink {width: 250px; height: 75px;}
<a href="http://de.selfhtml.org" id="linklink">Hier ist ein Link</a>
Das bringt kein Resultat.
Ein weiterer Versuch:
#linklink {padding: 50px;}
<a href="http://de.selfhtml.org" id="linklink">Hier ist ein Link</a>
Es wird zwar gepadded, aber der gepaddede Bereich ist nicht klickbar.
Versuch Nummer 3:
#linklink {width: 250px; height: 75px; display: block;}
<a href="http://de.selfhtml.org" >
<span id="linklink">
Hier ist ein Link
</span>
</a>
Trotz allem ist der Link nur über dem Text klick/hoverbar .
Ich hoffe, ihr habt gesehen, wonach ich suche.
Kennt ihr eine JS-freie Lösung?
mfg,
Marc
Kai345