Tabellenspalten

[Fetzki]

Hallo an alle :)

Ich häb da ein kleines Problem. Ich habe gerade eine Tabelle erstellt, die aus 1 Zeile / 2 Spalten besteht. In der linken Spalte soll Text stehen und in der rechten Spalte ein Bild. Mit dem Text links gibts kein Problem, jedoch wenn ich ein Bild in die rechte Spalte einfüge verschiebt sich alles nach unten. Wenn ich z.b. auch ein Text rechts cshreiben will, fängt der komischerweise in der Mitte an und nicht oben wo es eigentlich sein sollte.

<table style="table-layout: fixed;" border="0">
<tbody>
<tr>
<td style="width: 400px;">blablabla Text und so</td>
<td style="width: 200px;"><img src="...."/></td>
</tr>
</tbody>
</table>

Kann mir da einer helfen?

LG

 

[agund]

Hallo an alle :)

Ich häb da ein kleines Problem. Ich habe gerade eine Tabelle erstellt, die aus 1 Zeile / 2 Spalten besteht. In der linken Spalte soll Text stehen und in der rechten Spalte ein Bild. Mit dem Text links gibts kein Problem, jedoch wenn ich ein Bild in die rechte Spalte einfüge verschiebt sich alles nach unten. Wenn ich z.b. auch ein Text rechts cshreiben will, fängt der komischerweise in der Mitte an und nicht oben wo es eigentlich sein sollte.

<table style="table-layout: fixed;" border="0">
<tbody>
<tr>
<td style="width: 400px;">blablabla Text und so</td>
<td style="width: 200px;"><img src="...."/></td>
</tr>
</tbody>
</table>

Kann mir da einer helfen?

LG

Ja das ist richtig so.... wenn du es oben haben möchtest machst du:

<table style="table-layout: fixed;" border="0">
<tbody>
<tr>
<td style="width: 400px;"><tr><td>blabla</td></tr></td>
<td style="width: 200px;"><img src="...."/></td>
</tr>
</tbody>
</table>

Darum lieber div verwenden, da man Quellcode spart.

 

[Fetzki]

Das ist nicht ganz das was ich haben möchte. Wenn ich das so mache, wie du es geschrieben hast, dann verschiebt sich das Bild unter den Text. Ich will es ja aber rechts neben dem Text haben.

 

[CPCoder]

Ja das ist richtig so.... wenn du es oben haben möchtest machst du:

<table style="table-layout: fixed;" border="0">
<tbody>
<tr>
<td style="width: 400px;">[COLOR=#ff0000][B]<tr><td>blabla</td></tr>[/B][/COLOR]</td>
<td style="width: 200px;"><img src="...."/></td>
</tr>
</tbody>
</table>

Ich glaube du solltest dir hier lieber nochmal die Aufbaustruktur einer Tabelle genauer anschauen, bevor du so einen Murks postest ;)
Damit der Text grundsätzlich oben ausgerichtet ist in einer Tabellenzelle, nutz die entsprechende CSS-Deklaration (vertical-align):

<table style="table-layout: fixed;" border="0">
<tbody>
<tr>
<td style="width: 400px; vertical-align:top;">blabla</td>
<td style="width: 200px;"><img src="...."/></td>
</tr>
</tbody>
</table>

Darum lieber div verwenden, da man Quellcode spart.

Hier kommt es ganz auf die Daten an die dargestellt werden sollen. Handelt es sich um mehrere Datensätze, die tabellarisch dargestellt werden sollen, sollte man auch eine Tabelle nutzen und keine Div-Container.

 

[Fetzki]

Damit der Text grundsätzlich oben ausgerichtet ist in einer Tabellenzelle, nutz die entsprechende CSS-Deklaration (vertical-align):

Hat mir geholfen danke!

 

[prajuritbs]

Merk dir aber trotzdem, dass man für solche Dinge "Div's" bzw. in HMTL5 ( article oder aside) verwenden sollte, da Tabellenstrukturen veraltet sind und nicht wieterentwickelt werden.

 

[devilseye]

Und trotzdem können tabellen verwendet werden wenn diese nicht für das
Design sondern für das anzeigen tabelarischer inhalte verwendet werden.

 

[agund]

Für leute Ihre Webseite aufplustern wollen, die können gerne Tabellen benutzen.
Tabellen werden bei mir nur genutzt, um wirklich Tabellen darzustellen.
Wenn ich z.B Personen mit Ihren Daten darstellen will.

Man sollte generell unnötigen Quellcode vermeiden. Wer das nicht macht ist selber schuld, wenn er den überblick verliert.