Hallo liebe Gemeinde,
ich habe folgende Frage:
am linken Bildschirmrand habe ich mehrere Listen (definierte Listen) untereinander erstellt.
Eine Liste als Beispiel:
<dl style="font-family: Arial">
<dt style="font-size: 18pt">News</dt>
<div id="newslinks" style="margin-left: -2%">
<dd><a href="News.htm">Neuigkeiten rund um den Clan</a></dd>
<dd><a href="News.htm">Neuigkeiten aller anderen Art</a></dd></div>
</dl>Und jetzt möchte ich am rechten Bildschirmrand auch solche Tabellen untereinander erstellen.
Für sich genommen kriege ich das auch hin.
Nur Knackpunkt dabei: diese Listen rechts sollen auf gleicher Höhe wie die Listen links stehen, bzw. unabhängig von den Listen links ausgerichtet werden.
Ich habe immer das Problem, daß die Listen rechts / links nicht auf gleicher Höhe sind, sondern die Listen untereinander stehen. Also quasi, wie wenn ich alle Listen links hätte, dort stehen sie (logischerweise) untereinander.
Dann schiebe ich Listen nach rechts, sie bleiben aber auf gleicher Höhe.
Bildlich gesprochen:
Ist-Zustand:
Liste1
. .............. Liste2
Liste3
................. Liste4
(bitte Punkte wegdenken, sind nur Formatierungshilfe, da Tab / Space nicht angenommen wird)
Soll-Zustand:
Liste1.......... Liste2
Liste3.......... Liste4
Schwierigkeit: das ganze möchte ich ohne Tabellen als Formatierungshilfe erreichen.
Kennt jemand eine Möglichkeit?
(Ich habe es mit <span> und <div> Verschachtelungen probiert, erfolglos.)