nicht angemeldet
Hallo,
dahinein ein span, -> <a href="" style="display:block"><span></span></a>
display:table;, -> <a href="" style="display:block"><span style="display:table"></span></a>
dann dadrin (also im span) mit CSS (vor allem über display:)(verstehe ich nicht) deine Tabelle basteln. -> also doch <a><span><table> oder nicht ?
Nein.
Er meinte, dass Du ein Gebastel mit vielen, vielen SPAN-Tags machen sollst.
Mit CSS kann man (theroetisch) sagen, dass sich ein Element z.B. wie eine
Tabellenzelle verhalten soll:
http://selfhtml.teamone.de/css/eigenschaften/positionierung.htm#display
Im Kleingedruckten steht dort aber:
"Die Angaben zu den Tabelleneigenschaften werden von Netscape 6.0 interpretiert, vom Internet Explorer 5.x noch nicht."
Habe gerade keinen MS IE 6 zum Testen, wuerde aber vermuten, dass der es auch noch nicht kann.
Das Konstrukt wuerde wohl ungefaehr so aussehen:
a.klotz { display:block; }
span.pseudotabelle { display:table; /* ggf. margin, border, padding defnieren */}
span.pseudoreihe { display:table-row; /* ggf. margin, border, padding defnieren */}
span.pseudozelle { display:table-cell; /* ggf. margin, border, padding defnieren */}
<div>
<a href="foo" class="klotz">
<span class="pseudotabelle">
<span class="pseudoreihe">
<span class="pseudozelle">Reihe 1 Zelle 1</span>
<span class="pseudozelle">Reihe 1 Zelle 2</span>
<span class="pseudozelle">Reihe 1 Zelle 3</span>
</span>
<span class="pseudoreihe">
<span class="pseudozelle">Reihe 2 Zelle 1</span>
<span class="pseudozelle">Reihe 2 Zelle 2</span>
<span class="pseudozelle">Reihe 2 Zelle 3</span>
</span>
</span>
</a>
</div>
Wunschdenken: Mit anstaendigen Browsern sollte es so aussehen:
Reihe 1 Zelle 1 Reihe 1 Zelle 2 Reihe 1 Zelle 3
Reihe 2 Zelle 1 Reihe 2 Zelle 2 Reihe 2 Zelle 3
Dummerweise sieht es dann ohne CSS-faehigen Browser so aus:
Reihe 1 Zelle 1Reihe 1 Zelle 2Reihe 1 Zelle 3Reihe 2 Zelle 1Reihe 2 Zelle 2Reihe 2 Zelle 3
Ob Du das wirklich willst?
(Jaja, man koennte noch Zeilenumbrueche reinbasteln, die man dann mit display:none wieder ausblendet, u.s.w.)
Um Deine urspruengliche Frage zu beantworten:
Wenn die Anordnung der Elemente wichtig ist, laesst Du sie
einfach in der Tabelle und machst _in_ jeder Tabellenzelle
ein <a href="...">...</a> um den Zelleninhalt.
Wichtig: <A> und <SPAN> sind Inline-Elemente und duerfen keine Block-Elemente enthalten, wie z.B. <p>, <ul> oder <table>
mfg
Thomas