Mehrere Texte nebeneinander

[Tobias4]

Hallo,

ich möchte wissen, wie man mehrere Texte nebeneinander machen kann.
Habe bisher auch was gefunden, nur leider kann man damit nur 2 Texte nebeneinandermachen, beim 3. gehts nich mehr :( Außerdem ist kein Abstand dazwischen.
So siehts bisher aus: http://tobias-theis.de/phpBB/willkommen2.php

Wie krieg ich diese 3 Themen (Technik, Internet & Co., Sonstiges) in 1 Reihe mit Abstand nebeneinander?


Sorry, habs gefunden! Geht wunderbar! BSP: http://tobias-theis.de auf der Startseite da unten "Themen in Forum" xD

 

[_Thor_]

Du könntest dir eine Liste schreiben

<ul>
  <li>Technik</li>
  <li>Internet</li>
  <li>Sonstiges</li>
</ul>

und die mit

li {float: left;}

nebeneinander bringen
und mit

li {margin: **px;}

den Abstand regeln.

 

[Tobias4]

Hallo, habe es mit einer Tabelle gemacht, nur leider wird diese im Internet Explorer einfach nicht angezeigt, da wird alles untereinander geschrieben :(
Im Opera und FireFox klappt's :-(

Mein Code:

<style type="text/css">
div.table { display:table; border-collapse:collapse; }
div.tr { display:table-row; }
div.td { display:table-cell; padding:8px; }
</style>

<div class="table">
 <div class="tr">
  <div class="td">&bull; <b>Technik:</b><BR>&raquo; PC's<BR>&raquo; Handys</div>
  <div class="td">&bull; <b>Internet & Co:</b><BR>&raquo; Scripts<BR>&raquo; E-Mail<BR>&raquo; WWW<BR>&raquo; TS&sup2;</div>
  <div class="td">&bull; <b>Sonstiges:</b><BR>&raquo; Bilder<BR>&raquo; Grafiken<BR>&raquo; Fragen &uuml;ber Fragen<BR>&raquo; Musik<BR>&raquo; Games<BR>&raquo; OffTopic</div>
 </div>
</div>

 

[threadi]

display:table; versteht der IE nicht. Nimm lieber wie oben beschrieben gefloatete Elemente.

 

[Efchen]

Hallo, habe es mit einer Tabelle gemacht

Eine Auflistung als Tabelle auszuzeichnen, ist nicht im Sinne von HTML.

Mein Code:

<div class="table">
 <div class="tr">
  <div class="td">

Nur, weil man ein Element "table" nennt, wird noch keine Tabelle daraus! Der Code ist reine, aussagelose div-Suppe, auch nicht im Sinne von HTML.

Nimm - wie oben beschrieben - gefloatete Elemente.

Gruß,
-Efchen