Tabellen mit CSS ersetzen
Alex
- css
Hallo ich wollte mal fragen ob man das ohne Tabellen lösen kann.
Also im Endeffekt sollen immer 4 Links neben einander stehen mit einer gesamtbreite von 500px und dann kommen die nächsten Links in der nächsten reihe.
<table width="500px "border="0" cellpadding="5" cellspacing="0">
<tr align="left" valign="top">
<td colspan="4" >Links</td>
</tr>
<tr align="left" valign="top">
<td colspan="4" >2006</td>
</tr>
<tr align="left" valign="top">
<td width="25%"><a href="http://www.links.de" target="_top">Links</a><br>05-04-2006</td>
<td width="25%"><a href="http://www.links.de" target="_top">Links</a><br>05-04-2006</td>
<td width="25%"><a href="http://www.links.de" target="_top">Links</a><br>05-04-2006</td>
<td width="25%"><a href="http://www.links.de" target="_top">Links</a><br>05-04-2006</td>
</tr>
<tr align="left" valign="top">
<td width="25%"><a href="http://www.links.de" target="_top">Links</a><br>05-04-2006</td>
<td width="25%"><a href="http://www.links.de" target="_top">Links</a><br>05-04-2006</td>
<td width="25%"><a href="http://www.links.de" target="_top">Links</a><br>05-04-2006</td>
<td width="25%"><a href="http://www.links.de" target="_top">Links</a><br>05-04-2006</td>
</tr>
<tr align="left" valign="top">
<td colspan="4" ><span >2005</td>
</tr>
<tr align="left" valign="top">
<td width="25%"><a href="http://www.links.de" target="_top">Links</a><br>05-04-2006</td>
<td width="25%"><a href="http://www.links.de" target="_top">Links</a><br>05-04-2006</td>
<td width="25%"><a href="http://www.links.de" target="_top">Links</a><br>05-04-2006</td>
<td width="25%"><a href="http://www.links.de" target="_top">Links</a><br>05-04-2006</td>
</tr>
</table>
Hi,
das sieht mir nach einer Liste aus...
Also im Endeffekt sollen immer 4 Links neben einander stehen mit einer gesamtbreite von 500px und dann kommen die nächsten Links in der nächsten reihe.
Gebe diese Breiten der ul und den li, welche Du floaten läßt.
freundliche Grüße
Ingo
Hallo Ingo!
das sieht mir nach einer Liste aus...
Also im Endeffekt sollen immer 4 Links neben einander stehen mit einer gesamtbreite von 500px und dann kommen die nächsten Links in der nächsten reihe.
Das stimmt, muss aber nicht unbedingt immer Listencontent sein. Man könnte auch einfach innerhalb eines in der Breite definierten Blockelementes Links als Blockelemente floaten lassen. Zusätzlich noch definierte Breiten und Margins auf den Links.
Das ganze wäre dann ohne Style zwar ein Linkhaufen, man könnte aber noch Trenner zwischen den Links mit display ausblenden.
Ich finde solche Lösungen bei einer überschaubaren Anzahl Links manchmal ganz angenehm.
Schönen Gruß
Afra
Hi,
das sieht mir nach einer Liste aus...
Das stimmt, muss aber nicht unbedingt immer Listencontent sein.
dann wäre es ein Anhäufung.
Das ganze wäre dann ohne Style zwar ein Linkhaufen,
Ja. Würdest Du diese Struktur immer noch empfehlen, wenn die <a>-Elemente durch z.B. <span> ersetzt (oder komplett gestrichen, so dass nur ihr Inhalt übrig bleibt) werden?
Ich finde solche Lösungen bei einer überschaubaren Anzahl Links manchmal ganz angenehm.
Das mag sein, aber was hat das mit der Wahl der richtigen Struktur zu tun?
Cheatah
Hallo Cheatah!
Ja. Würdest Du diese Struktur immer noch empfehlen, wenn die <a>-Elemente durch z.B. <span> ersetzt (oder komplett gestrichen, so dass nur ihr Inhalt übrig bleibt) werden?
Das mag sein, aber was hat das mit der Wahl der richtigen Struktur zu tun?
Ich sagte ja, dass er prinzipiell recht hat. Manchmal ist es aber auch sinnvoll, dass man bei flexiblen Breiten (% etc) auch flexibel auf den Platz reagieren kann, das kann ich mit drei untereinander liegenden Linklisten nicht. Es ist doch in einem flexiblen Layout sehr angenehm diese Information eventuell fliessend darstellen zu können. Wenn man diese Links, oder auch Listeneinträge als zusätzliche Information zu einem Textblock o.ä. sieht, kann man diese auch kommasepariert hintereinander aufführen.
Wie gesagt, es kommt immer auf den Kontext an, in dem diese benutzt werden.
Deine Aussage beruht ja auch auf einem "wenn" ;o) Selbst ziehe ich natürlich die Liste auch vor...
Schönen Gruß
Afra