Drei Tabellen nebeneinander???

[lala0808]

Hallo,

ich habe mal eine Frage. Ich habe folgenden Code:

<ul>
<li>Test</li>
<li>Blabla</li>
<li>Blabladsfff dff dddfdfdfd</li>
</ul>

Ist eine Tabelle. Ich möchte nun aber drei dieser Tabellen in einem Abstand von 20 Pixeln nebeneinander machen.

Wie könnte ich das mit CSS clever und sauber lösen?

Herzlichen Dank und liebe Grüße

 

[leveler]

AW: Drei Tabellen nebeneinander???

Ist eine Tabelle.

Nicht eher eine Liste? Wieauchimmer, Du kanst die Elemente floaten lassen und mit margin auf den gewünschten Abstand bringen. Ach ja, wer "floatet", sollte auch "clearen", das am Rande, falls damit unerwünschte Effekte auftreten...

 

[patrick_l]

AW: Drei Tabellen nebeneinander???

Wie leveler schon schrieb, ist dies keine Tabelle sonder eine Liste (ul = unordered list). Daher jetzt die Frage was du machen möchtest? Sollen Inhalte tabellarisch dargestellt werden, oder geht es um eine Navigation?

Eine Tabelle:

<!-- zwei Zeilen, drei Spalten -->
<table>
  <tr>
    <td></td>
    <td></td>
    <td></td>
  </tr>
  <tr>
    <td></td>
    <td></td>
    <td></td>
  </tr>
</table>

Eine unsortierte Liste (z.B. Navigation):

<ul>
  <li></li>
  <li></li>
  <li></li>
</ul>

Ein paar Infos über das was du vor hast wäre ganz sinnvoll. Aber auch so der Tipp von mir, dir nötiges Grundlagenwissen zu HTML und CSS anzueignen. Zum Lernen habe ich hier ein paar hilfreiche Quellen für dich:

- HTML5-Handbuch - Webkompetenz
- Mozilla Developer Network | Lerne HTML, CSS & JS
- Einführung in XHTML, CSS & Webdesign (Michael Jendryschik)
- Little Boxes | Webseiten gestalten - HTML & CSS (Peter Müller)
- CSS 4 You - The Finest in Stylesheets

Liebe Grüße, Patrick

 

[cythux]

AW: Drei Tabellen nebeneinander???

Padding für die Innenabstände

http://www.css4you.de/paddingproperty.html