Frage zum erstellen einer HTML-Tabelle

Niki

Hallo,

und zwar habe ich eine Tabelle mit folgendem HTML-Code erstellt:

HTML

<table><tr>
<td>BILD.png</td>
<td>text</td>
</tr> </table>

(Ich habe den Text mal durch das Wort "text" ergänzt, da er sehr lang ist :o)

Nun meine Frage:
Und zwar möchte ich das beide Spalten gleich lang sind.
Desweiteren möchte ich gerne den Abstand des Bildes und Textes zum Tabellenrand gerne verringern.

Kann mir da jemand weiterhelfen?

Viele Grüße
Niki

MrMurphy

Hallo

Du mißbrauchst das table-Element zum Layouten. Das ist sachlich falsch und verursacht in der Praxis unnötige Probleme.

Als HTML-Quelltext sehe ich

Code

<figure>
   <img src="bild.png">
   <figcaption>Text</figcaption>
</figure>

Das Layout dann mittels CSS unter Anwendung von Flexbox ( display: flex; ).

Gruss

MrMurphy

Sailor

Dein Vorhaben ist von Anfang an zum scheitern verurteilt - zumindest was Teil 1 deiner Frage betrifft.
- Tabellenspalten (in einer Tabellenreihe) sind immer gleich lang! Siehst du, wenn du mal einen Rahmen um die td's anzeigen lässt (td {border: 1px solid #000;}
- Wie der Inhalt dann angezeigt wird, hängt maßgeblich von der Breite des Anzeigebereiches ab und selbst wenn du es schaffst, das auf deinem Monitor hinzubekommen, wird der nächste Nutzer, der ein anders Display (Bildschirmauflösung) hat, nicht das Gleiche sehen, wie du! Die Anzeige passt sich an den Bildschirm an.
Das Einzige, was annähernd funktionieren könnte, wäre der Tabelle (und den td's) eine feste Breite zu geben (zB 1000px) aber so richtig empfehlenswert ist das nicht. Du solltest dich nach Alternativen zur Tabelle umschauen - zB 'Flexbox'.

Dein zweiter Punkt ließe sich bestimmt mit 'padding' und/oder 'margin' erledigen - dazu müsst man allerdings sehen können, was du da an Code hast.

Tags