Hallo Dani,
mal davon abgesehen, dass dein Code Sicherheitslücken hat (du solltest alle Textausgaben mit htmlspecialchars() absichern) und dass Table-Layout heute nicht mehr gemacht wird (dazu wirst Du von anderen hier zu Lesen bekommen bis Dir die Augen brennen) - was genau ist das Problem? Welche Layout-Erwartung hast Du?
- Die Kommentarausgabe ist nicht rot? -> font-color gibt's nicht, die Eigenschaft heißt 'color'.
- Textbox und Kommentarausgabe nicht gleich breit?
- Zu viel Abstand zwischen den Absätzen des Kommentars?
- Das Label "Kommentar" steht nicht oben? -> für den Selektor
.gb-entry td:first-child
die Eigenschaft vertical-align:top setzen. Wenn Du modernere CSS-Techniken verwendest, löst sich dieses Problem aber vermutlich ohnehin von allein.
Vielleicht unterliege ich einem Trugschluss, weil ich nur ein Fragment deines Codes sehe, aber dein HTML scheint nicht responsiv zu sein. Hast Du Dich mit den Ideen aus diesem Text schon einmal befasst?
Noch ein paar Tipps zu Kleinigkeiten:
-
solange Du es nicht ZWINGEND machen musst, ist ein <div> um ein anderes Container-Element nicht nötig. Hier: das .gb-entry div um die table herum. Du hättest auch die Klasse direkt an die table setzen können und das div weglassen. In einem modernen Layout hättest Du allerdings mit <article> Elementen gearbeitet, darin das flexbox- oder grid-Modell genutzt und label und output-Elemente verwendet.
-
bei so großen HTML-Blöcken kann es besser sein, die PHP-Umgebung zu schließen und die Feldinhalte mit <?= ?> einzubetten. Zumindest mal musst Du dann nicht mit Anführungszeichen aufpassen, und ein brauchbarer PHP-Editor macht dann auch passendes Highlighting für den HTML-Teil. Wenn das HTML in einem String steht, macht er das nicht.
<section class="gb">
<?php
foreach ($data as $row) {
?>
<article class="gb-entry">
<label>
<span>Von (User):</span>
<output><?= htmlspecialchars($row['name'])?></output>
</label>
<label>
<span>Am:</span>
<output><?= formatiereDatum($row['datum'])?></output>
</label>
<label>
<span>Kommentar:</span>
<output><?= nl2br(htmlspecialchars($row['kommentare']))?></output>
</label>
</article>
<?php
}
?>
</section>
</body>
</html>
Rolf
sumpsi - posui - clusi