Link mit Bild und mehrzeiligem Text

[Marc]

Hallo meine Liebe,

Hallo meine Lieben!!

Ich habe folgendes Problem:

Ich möchte gerne einen Link auf meiner Seite anbringen, der so aussehen soll, dass links ein Bild und daneben ein mehrzeiliger Text steht. Beim überfahren des Links soll sich ein Hintergrundgrafik laden.

Dazu muss das Link-Element zu einem Block-Element werden.

Dann kannst Du so etwas machen:

p {
 width:25.5em;
}

a {
  display:block;
}

a:hover {
  background-image:url(http://de.selfhtml.org/css/eigenschaften/anzeige/hund.gif);
}

a span {
 display:block;
 padding-top:17px;
}

a img {
  float:left;
}

p {
 clear:both;
}

Dazu folgendes HTML:

<p>
 <a href="http://www.mhis.de/">
  <img src="http://www.mhis.de/images/logo.gif" alt="" />
  <span>Text (ganz viel Text) und noch sehr viel mehr Text - für alle die mehrere zeilen benötigen...</span>
 </a>
</p>

<p>Normaler Text innerhalb eines gewöhnlichen Absatzes....</p>

Hier kannst Du es in Funktion bewundern:

http://www.mhis.de/self/mehrzeiligerLinkNebenBild/mehrzeiligerLinkNebenBild.htm

Wisst ihr Rat?

Vielleicht - nützt dir die Lösung etwas? - jedenfalls einfacher als JavaScript und Tabellen...

Viele Grüße,
Marc.