Hallo,
möchte gerne wie im Beispielbild drei nebeneinander liegende Tabellen auf meiner welcom.html erstellen.
Leider bekomme ich es nicht so hin, bin eben nicht mehr der jüngste und in html ein newbie 
Kann mir vielleicht jemand von Euch dabei helfen, das wäre echt nett 
Danke im Vorraus!
Olaf
[Blockierte Grafik: http://www.dee-jay-radio.de/tabellen.jpg][/img]
also grob würd ich sagen... machs mit div-containern... aber mit tabellen a möglich...
etwa in der art
<table>
<tr>
<td class="kopf">Kopf1</td>
<td>
</td>
<td class="kopf">Kopf2</td>
<td>
</td>
<td class="kopf">Kopf3</td>
</tr>
<tr>
<td class="inhalt">Inhalt1</td>
<td>
</td>
<td class="inhalt">Inhalt2</td>
<td>
</td>
<td class="inhalt">Inhalt3</td>
</tr>
</table>im css kannst dann die farbe und schrift für die 2 klassen definieren
Danke für die Antwort aber dann habe ich ja garkeinen Rand um die Tabellen 
ÄH, wie gesagt HTML ist nicht so mein Ding. Geht es vielleicht noch etwas genauer.
Danke für die Mühen 
beim table noch ein border="1" 
und weil es gleich noch kommt auch ein cellpadding="0" cellspacing="0"
also:
...<table cellpadding="0" cellspacing="0" border="1">...umso höher die Zahl bei Border, umso dicker der Rand. 
Edit: aja, und mit Cellspacing gehts um den Abstand der Zellen.
Wie erreiche ich es denn das die Tabellen länger werden?
Und die Tabellen sind ja jetzt verbunden aber leider nicht mit einer Lücke dzwischen,hm 
<table cellpadding="2" cellspacing="2" border="1">
<tr>
<td class="kopf">Kopf1</td>
<td>
</td>
<td class="kopf">Kopf2</td>
<td>
</td>
<td class="kopf">Kopf3</td>
</tr>
<tr>
<td class="inhalt">Inhalt1</td>
<td>
</td>
<td class="inhalt">Inhalt2</td>
<td>
</td>
<td class="inhalt">Inhalt3</td>
</tr>
</table>
umso mehr Zeilen, umso länger die Tabelle?
"Länger" werden lassen kannst du sie mit height="10" also die höhe ändern... im <table>
kansnt du aber auch für jedes einzelne td geben...
Länger werden sie, indem du einfach mehr Inhalt einfügst. Sie passen sich automatisch an. Wenn du eine fixe grösse willst kannst du ein height="100px" einfügen. Wobei du die 100px natürlich beliebig anpassen kannst.
Beispiel:
<td class="inhalt" height="100px">Inhalt3</td>
Damit zwischen den einzelnen Tabellen eine Lücke entsteht, kannst du den "Zwischentabellen" eine Breite zuweisen.
Beispiel:
<tr>
<td class="kopf">Kopf1</td>
<td width="20px">
</td>
<td class="kopf">Kopf2</td>
<td width="20px">
</td>
<td class="kopf">Kopf3</td>
</tr>
In html kommen aber normalerweise kein px angeben rein, nur im css...
sofern ich weiß und sofern es der validator auch aussagt
ok.. dann bringst du ihm css bei
Zitat von Sojook.. dann bringst du ihm css bei
UNd wie sollcih diesen Beitrag verstehen 
Bitte:
<tr>
<td class="kopf">Kopf1</td>
<td width="20">
</td>
<td class="kopf">Kopf2</td>
<td width="20">
</td>
<td class="kopf">Kopf3</td>
</tr>
statt
<tr>
<td class="kopf">Kopf1</td>
<td width="20px">
</td>
<td class="kopf">Kopf2</td>
<td width="20px">
</td>
<td class="kopf">Kopf3</td>
</tr>
ok.. sorry.. 
ging etwas schnell.
Danke für die Berichtigung.
Genau das hatte ich doch geschrieben...
"In html kommen aber normalerweise kein px angeben rein, nur im css...
sofern ich weiß und sofern es der validator auch aussagt ;)"
Ja äh, jetzt habe ich von Euch eine Menge von Vorschlägen aber wie soll ich es den jetzt anstellen das ich auf diese oben genannten drei Tabellen komme?
Also mit Tabellen Länge, Abstand zwischen den Tabellen usw. Habe jetzt so viele Möglichkeiten von Euch genannt bekommen aber schlauer bin ich immer noch nicht 
nimm doch einfach mal den letzten code
<tr>
<td class="kopf">Kopf1</td>
<td width="20">
</td>
<td class="kopf">Kopf2</td>
<td width="20">
</td>
<td class="kopf">Kopf3</td>
</tr>und füg ihn bei dir ein...
Hm,
da hab ich ja nichts tolles wenn ich nur den von Dir angegebenen Code einfüge.
Hat nicht viel Ähnlichkeit mit dem Bild im ersten tread von mir
Gruß,
Olaf
naja, die farben, schriften usw musst halt noch anpassen....
aber vom rahmen und der grundstruktur sollte es passen...