Tabelle als .css formatieren

Meralus

Hallo liebe xhtml-Member,

ich habe mit Macromdia Dreamwaver folgende Tabelle erstellt:

Code

<table border="0" width="500">
<tr>
<td height="90"><div align="center">[img]http://www.test-shop.de/wp-includes/images/authentic/Bla-orbit.jpg[/img]</div></td>
<td><div align="center">[img]http://www.test-shop.de/wp-includes/images/authentic/Bla-padded-pakr.jpg[/img]</div></td>
<td><div align="center">[img]http://www.test-shop.de/wp-includes/images/authentic/Bla-wyoming.jpg[/img]</div></td>
<td><div align="center">[img]http://www.test-shop.de/wp-includes/images/authentic/Bla-pinnacle.jpg[/img]</div></td>
<td><div align="center">[img]http://www.test-shop.de/wp-includes/images/authentic/Bla-ultimate.jpg[/img]</div></td>
</tr>
<tr>
<td><div align="center">Orbit</div></td>
<td><div align="center">Padded Pakr</div></td>
<td> <div align="center">Wyoming</div></td>
<td> <div align="center">Pinnacle</div></td>
<td> <div align="center">Ultimate</div></td>
</tr>
<tr>
<td><div align="center"></div></td>
<td><div align="center"></div></td>
<td><div align="center"></div></td>
<td><div align="center"></div></td>
<td><div align="center"></div></td>
</tr>
<tr>
  <td><div align="center">[img]http://www.test-shop.de/wp-includes/images/authentic/Bla-paste.jpg[/img]</div></td>
  <td><div align="center">[img]http://www.test-shop.de/wp-includes/images/authentic/Bla-padded-provider.jpg[/img]</div></td>
  <td><div align="center">[img]http://www.test-shop.de/wp-includes/images/authentic/Bla-junior.jpg[/img]</div></td>
  <td><div align="center">[img]http://www.test-shop.de/wp-includes/images/authentic/Bla-delegate.jpg[/img]</div></td>
  <td><div align="center">[img]http://www.test-shop.de/wp-includes/images/authentic/Bla-scroll-l.jpg[/img]</div></td>
</tr>
<tr>
<td><div align="center">Paste</div></td>
<td><div align="center">Provider</div></td>
<td> <div align="center">Junior</div></td>
<td> <div align="center">Delegate</div></td>
<td> <div align="center">Scroll L</div></td>
</tr>
</table>

Alles anzeigen

Nun ist es aber sicherlich in meinem Quelltext aufgeräumter, wenn ich die Formatierungen in eine .css Datei auslager. Wie mache ich das nun am klügsten?

Gruß,
Andreas

sudeki05

Naja, du suchst dir td und ähnliches die immer die gleichen Attribute haben und machst dafür eine Klasse (class) in CSS, wobei ich

Code

<td><div align="center">Paste</div></td>

für sehr sinnlos halte, da man es schon bei dem td setzen konnte:

Code

<td align="center">Paste</td>

als Beispiel! Kannst du aber auch alles in CSS auslagern

Am besten auch eine externe CSS-Datei verwenden.

Bandit

Zitat von sudeki05
wobei ich
Code
<td><div align="center">Paste</div></td>
für sehr sinnlos halte

Mir stellt sich da die frage, ob das dreamweaver selbst so eingebaut hat oder ob Meralus das fabriziert hat. Sollte dreamweaver der verursacher sein, dann bestätigt das meine meinung, dass dieses programm käse ist.

Meralus

Ist dreamwaver nicht gut? Ich hab da nichts eingebaut
Würdet ihr mir lieber Phase5 raten?

synaptic

ich glaube kaum das dreamweaver sowas fabriziert.. mein DW macht sowas nämlich net.. da is net einfach nen div in ner tabelle!!

Bandit

Zitat von Meralus

Ist dreamwaver nicht gut? Ich hab da nichts eingebaut
Würdet ihr mir lieber Phase5 raten?

Welchen editor du nutzt, hängt von deinem können bzgl. HTML und CSS ab. Wenn du beides nicht einigermaßen gut kannst, solltest du bei einem WYSIWYG-Editor bleiben.

sejuma

Code

<td><div align="center">Paste</div></td>

Sowas macht wirklich keinen Sinn.
Wenn der Inhalt sämtlicher Zellen immer zentriert sein soll, dannn schreibe das in eine CSS-Datei:

Code

td {text-align: center;}

HTML

Code

<td>Paste</td>

Falls der Inhalt nicht bei allen Zellen zentriert werden soll, dann bilde eine Klasse.

Statt Tabelle könntest du auch eine Liste <ul> mit Listeninhalten [*] verwenden.

Tags