HTML CSS - Box 2 Links

[CNWDNeo]

Ich habe eine Box mit abgerundeten Ecken nach dieser Anleitung gebaut:
http://www.uvsc.edu/disted/decourses/dgm/2740/IN/steinja/lessons/12/l12_08.html

Die Überschrift in dieser Box soll ein Link sein, also habe ich

<div class="boxhead">
		<a href="link1.html"><h3>Daily News</h3></a>
</div>

eingebaut was auch super ist, weil der komplette "Boxhead" als Link angeklickt werden kann. Nun würde ich daneben noch gerne ein Bild einfügen, welches auf eine andere Seite zeigen soll. In etwa so:

<div class="boxhead">
		<a href="link1.html"><h3>Daily News</h3></a><a href="link2.html"><img src="test.jpg"></a>
</div>

Wenn ich den Imagetag dahinter mache, dann wird die Zeile umgebrochen, weil es ja eine Hx Überschrift ist (auch ein display:inline bringt nichts). Wenn ich das mit in den Link setze, dann klappt das auch nicht.

Hättet ihr dazu eine Idee wie man das umsetzen könnte?

 

[Komi[D'S]]

Funktioniert es vielleicht, wenn Du den h3 Tag um den Rest herum schließt, also:

<h3> <a></a> <a><img></a> </h3>

?

 

[CNWDNeo]

Nein leider nicht, dann kann ich nur noch die Überschrift anklicken und nicht mehr den kompletten Boxheader Bereich.

 

[Komi[D'S]]

Die Überschrift auf display:inline stellen funzt sicher nicht?

Probier dann mal: <h3 style="float:left">

 

[ex'ratt]

<div class="boxhead">
	<a href="link2.html"><img src="test.jpg" style="float: right;"></a>
	<a href="link1.html"><h3>Daily News</h3></a>
</div>

Das Bild würde in dem Fall nach ganz rechts wandern und neben der Überschrift stehen. Damit das so funzt, muss das Bild aber vor der Überschrift im Code definiert werden.