<li>Grafik</li> verlinken

[Andy]

Hallo,#

ich bekomme es nicht eine Grafik zu verlinken. Den Link habe ich eingebaut aber drauf klciken kann ich nicht. so sieht es bei mir aus.
<li><a href="test.html"><img src="images/test.jpg" alt="test"></a></li>

[Der Martin]

Hi,

<li><a href="test.html"><img src="images/test.jpg" alt="test"></a></li>

genau so sollte es aussehen, das wäre eigentlich idiotensicher. Wenn das bei dir nicht geht, wäre mehr Info nötig - HTML-Kontext, CSS oder am besten ein Online-Beispiel.

Hast du vielleicht das Bild gefloatet oder absolut positioniert? Dann ist es aus dem Kontext seines Elternelements (des Links) herausgelöst und der Link hat effektiv keinen Inhalt mehr.

So long,
 Martin

[ChrisB]

Hi,

Hast du vielleicht das Bild gefloatet oder absolut positioniert? Dann ist es aus dem Kontext seines Elternelements (des Links) herausgelöst und der Link hat effektiv keinen Inhalt mehr.

Wobei das Bild aber nach wie vor "klickbar" bleibt, und auch den Link auslöst.

MfG ChrisB

[Der Martin]

Hallo,

Hast du vielleicht das Bild gefloatet oder absolut positioniert? Dann ist es aus dem Kontext seines Elternelements (des Links) herausgelöst und der Link hat effektiv keinen Inhalt mehr.
Wobei das Bild aber nach wie vor "klickbar" bleibt, und auch den Link auslöst.

stimmt, das Bild hat ja eine intrinsische eigene Größe. Es ragt damit vom Box Model her betrachtet aus dem Link heraus, dessen Größe auf Null zusammenfällt. Eigentlich erstaunlich, dass trotzdem die gesamte Fläche des Bildes klicksensitiv bleibt.

Ciao,
 Martin

[Alex]

Hallo!

stimmt, das Bild hat ja eine intrinsische eigene Größe. Es ragt damit vom Box Model her betrachtet aus dem Link heraus, dessen Größe auf Null zusammenfällt. Eigentlich erstaunlich, dass trotzdem die gesamte Fläche des Bildes klicksensitiv bleibt.

Ich finde das eigentlich recht intuitiv. Wenn man onclick verwendet, sind die Kindelemente ja auch klickbar (wenn sie das Event nicht selbst abfangen). Ausschlaggebend ist halt die Position im DOM, nicht die in der Anzeige.

@Andy: Kann es sein, dass dein Link von irgendeinem anderen Element verdeckt wird und nur durch eine transparente Stelle "durchscheint"? Untersuche die Stelle mal mit Firebug / Dragonfly etc. und schaue, ob das richtige Element markiert wird, wenn Du mit dem Tool draufklickst.

Viele Grüße,
Alexander

[Beat]

ich bekomme es nicht eine Grafik zu verlinken. Den Link habe ich eingebaut aber drauf klciken kann ich nicht. so sieht es bei mir aus.
<li><a href="test.html"><img src="images/test.jpg" alt="test"></a></li>

Vermutlich wird dein Bild durch ein anderes nicht statisch positioniertes Element mit höherem effektivem z-index überdeckt, so dass das Bild den Klick gar nicht empfangen kann.

mfg Beat