Handgemachte Tabelle

liegeradler · Mitglied · April 11, 2015 at 2:35 pm
Link kopieren

Thema zu Favoriten hinzufügen
Hallo,
ich habe eine handgemachte Tabelle im Text-Editor eingefügt, damit die Credits neben dem Plakat stehen:
```
<table>
<tbody>
<tr>
<td>Hier kommt das Filmplakat rein</td>
<td>Und hier die Credits</td>
</tr>
</tbody>
</table>
```
Im visuellen Editor sieht das gut aus, bei der Webseite werden die Credits aber nach unten verschoben: https://kinogucker.wordpress.com/2014/11/23/my-old-lady/

Was mache ich falsch?

Der Blog bei dem ich Hilfe benötige heißt (nur für angemeldete Benutzer sichtbar).
zodiac1978 · Mitglied · April 12, 2015 at 3:28 pm
Link kopieren
tr=table row also Tabellenzeile. Da ich annehme, dass es untereinander stehen soll, versuche es doch mal so (mit zwei Zeilen, statt einer):
```
<table>
<tbody>
<tr>
  <td>Hier kommt das Filmplakat rein</td>
</tr>
<tr>
  <td>Und hier die Credits</td>
</tr>
</tbody>
</table>
```
Gruß, Torsten
liegeradler · Mitglied · April 12, 2015 at 3:39 pm
Link kopieren
Hallo Torsten,

eben nicht! Wie ich schrieb sollen die Credits NEBEN dem Plakat stehen.
Deshalb nur eine Reihe. Was auch klappt, nur sind die Credits eben nach tief unten verschoben…
iqatrophie · Moderator · April 12, 2015 at 4:39 pm
Link kopieren
Das kommt daher, dass für Tabellenzellen im CSS-Code die vertikale Ausrichtung auf „baseline“ eingestellt ist. Die aktuelle Darstellung ist also streng genommen korrekt.

Wenn der Text oben stehen soll, musst du das entweder im CSS-Code oder im HTML-Code anpassen.

Wie wäre es z.B. mit
```
<table>
<tbody>
<tr>
  <td>Hier kommt das Filmplakat rein</td>
</tr>
<tr>
  <td style="vertical-align:top;padding-top:24px;">Und hier die Credits</td>
</tr>
</tbody>
</table>
```
zodiac1978 · Mitglied · April 12, 2015 at 4:41 pm
Link kopieren
Dann mit vertical-align vielleicht?
https://developer.mozilla.org/de/docs/Web/CSS/vertical-align

Gruß, Torsten