a href auf img floatet nicht mit

[burn4ever]

Hallo,
ich habe eine img mit einem Link:

<a href="#" target="_blank"><img src="../img/tlogo.gif" title=""></a>

wenn ich jetzt das img floate:

            img {                float: right;            }

geht mir der der a href verloren.

Jemand eine Idee woran das liegen kann?

 

[Banana_Jones]

Durch das Floaten des Bildes nimmst du es aus dem Fluss des Dokuments und das <a> keine weiteren Inhalte mehr hat, hat es nun keine Dimensionen mehr (0 x 0px).

mögliche Lösungen:
- du gibts dem <a> feste Breite & Höhe
- du floatest nicht das Bild, sondern das <a>
- ein clear-Element innerhalb des <a>s

 

[Elroy]

Das liegt an deinem fehlenden Verständinis von HTML.

So würde es richtig aussehen:

<p><a href="#" target="_blank"><img src="../img/tlogo.gif" title=""></a></p>

falls es sich um eine Absatz handelt.

Und dann wird das <p> gefloatet.
Dem Bild solltest du übrigens wirklich eine Größe geben, jedes Element das gefloatet wird sollte eine Breite und eine Höhe haben.

Gruss
Elroy