Link um mehrere Elemente

[rotalever]

Ich habe drei Sachen, ein Bild, eine Überschrift und einen Text.

<img src="bla" alt="bla" /><h3>bla</h3><p>bla</p>

All das soll auf die selbe Seite verlinken. Das hier wäre aber nicht erlaubt (obwohl es z.B. im Firefox funktioniert):

<a href="#"><img src="bla" alt="bla" /><h3>bla</h3><p>bla</p></a>

Wie kann man das sonst am geschicktesten machen?

[DanMan]

<a href="#"><img src="bla" alt="bla" /></a>
<h3><a href="#">bla</a></h3>
<p><a href="#">bla</a></p>Anders gehts nicht, weil inline Elemente keine Blockelemente beiinhalten dürfen.

[rotalever]

Ich dachte ich hätte das schonmal irgendwie anders gesehen. Kann mich aber leider nicht daran erinnern. Gibt es da nicht vielleicht doch noch irgendso einen Trick? Drei links sind irgendwie blöd...

[DanMan]

Naja, das könnte noch gehen:

<a href="#">
<img src="bla" alt="bla" /><br />
<span class="h3stil">bla</span><br />
<span class="pstil">bla</span>
</a>
Das ist aber schlecht, weil du dann den Inhalt der Präsentation anpasst. Stichwort: Semantik.

[Marscel]

Erfüllt seinen Zweck und ist gar nicht so verkehrt (habs nicht getestet):

<div onclick="window.location='http://www.link.xyz';" style="cursor: pointer;">
<img src="" alt="" />
<p> ... </p>
<span> ... </span>
</div>

[Sephiroth]

Erfüllt seinen Zweck und ist gar nicht so verkehrt (habs nicht getestet):

<div onclick="window.location='http://www.link.xyz';" style="cursor: pointer;">
<img src="" alt="" />
<p> ... </p>
<span> ... </span>
</div>
Nicht alles was machbar ist, ist auch toll/gut. :usad:

[DanMan]

Erfüllt seinen Zweck und ist gar nicht so verkehrt (habs nicht getestet):

<div onclick="window.location='http://www.link.xyz';" style="cursor: pointer;">
<img src="" alt="" />
<p> ... </p>
<span> ... </span>
</div>
Türlich. Man kann alles mit <div>s erschlagen. Man kann auch eine komplette Webseite ausschließlich aus <div>s (oder jedem anderen inhaltstragenden (Block-)Element) bauen, wenn man will. Nur der Sinn der Sache ist es nicht.