Hyperlink/Div-Problem

[Mathias Brodala]

Hallo gondor.

Eigentlich möchte ich eine Grafik und einen Text zusammen als Hyperlink setzen. Der Text und die Grafik werden über CSS formatiert:

<a href="#">
  <div class="text">Text</div>
  <div class="grafik"><img src="grafik.gif" /></div>
</a>

Oder wie wird so etwas gelöst?

Alle div-Elemente sind hier (wie so oft) überflüssig:

<a href="sinnvolle-uri">Text <img src="grafik.gif" alt="sinnvoller text" /></a>

Oder alternativ, falls die Grafik nur dekorativen Charakter hat:

a {  
  background:url(grafik.gif) no-repeat center right;  
  padding-right:…; /* Breite von grafik.gif zzgl. etwas Abstand */  
}

<a href="sinnvolle-uri">Text</a>

Einen schönen Donnerstag noch.

Gruß, Mathias