3 verlinkte grafiken mit xhtml nebeneinander

[Der Martin]

Hallo,

zuerst hab ich es mit einem aufbau a la:
<a href=""> <span style="float:left;background-image:url(...)" /> </a>
<a href=""> <span style="float:left;background-image:url(...)" /> </a>
<a href=""> <span style="float:left;background-image:url(...)" /> </a>

das wird nix - erstens hat das a-Element ja keinen Inhalt mehr, weil du das darin enthaltene span floatest, zweitens hat auch das span selbst als neutrales Element keinen Inhalt. Das Ergebnis: Die Links sind nutzlos.

versucht, doch das zerreisst opera.

<div> <a> <div style="background-image" /> </a> </div>
<div> <a> <div style="background-image" /> </a> </div>
<div> <a> <div style="background-image" /> </a> </div>
ist es nicht xhtml conform, weil ein inline element ein block element einschliesst.

Ja, außerdem fragt man sich, wozu du die vielen div-Container brauchst.

aber ich brauch ein block element, das erstens die groesse des elements ohne inhalt (also nur mit hintergrundgrafik) erhalten bleibt und ich zweitens per css das hovern definieren kann.

Warum muss es ein Blockelement sein? Mach doch das a-Element selbst zum Blockelement und floate es. Und die darin enthaltene Grafik ist auch bestimmt kein Hintergrundbild, sondern reeller Inhalt.

die page in der netscape -conformen form ist unter
http://www.stefankarl.com/stu.ff/vespa/
zu bewundern.

So long,
 Martin