Bilder als Tabelle darstellen

[Emre]

Hallo Liebe Forum-Mitglieder,

ich bin frisch eingestiegen in die Programmierung-Welt und arbeite mich langsam mit HTML, CSS, PHP MySQL rein.

Ich bin gerade an einer Test Homepage und ich hätte da eine Frage.

Ich habe Bilder in der Datenbank und dieser sollen in der Ansicht angezeigt werden, klappt auch super funktioniert alles. Die Bilder werden angezeigt und unter dem Bild der Name des jeweiligen Persones.

Nur ich möchte nicht, dass die Bilder nicht in einer Liste angezeigt werden, sondern in einer zweispaltigen Tabelle, die komplett die die Breite

while($bild=$bildr->fetch_assoc()){
$bilder=$bild['bild'];
}


if ($i%2 == 0) {
echo "<div class=\"ui-grid-a\">";
echo "<div class=\"ui-block-a\">";
echo "<div class=\"ui-bar ui-bar-a white\"><a data-ajax=\"false\" href=\"mobile_view_model.php?id=".$row['tnmid']."\"><img class=\"mobile\" src=\"http://www.topnetmodel.de/model/uploads/".$bilder."\"><br>".$row['vorname']."</div></a>";
echo "</div>";
}

if ($i%2 == 1) {
echo "<div class=\"ui-block-b\">";
echo "<div class=\"ui-bar ui-bar-a white\"><a data-ajax=\"false\" href=\"mobile_view_model.php?id=".$row['tnmid']."\"><img class=\"mobile\" src=\"http://www.topnetmodel.de/model/uploads/".$bilder."\"><br>".$row['vorname']."</div></a>";
echo "</div>";
echo "</div>";
}

 

[threadi]

Verwende die CSS-Eigenschaft display oder flexbox hierfür. Siehe:
http://www.css4you.de/display.html
https://css-tricks.com/snippets/css/a-guide-to-flexbox/

 

[Emre]

Hallo Threadi,
vielen Dank für deine schnelle Antwort. Ich habe mir die Links angeschaut, aber verstehe nicht wie ich das umsetzen sollte. Ich will zum Schluss anstatt der Liste eine zweispaltige Tabelle links ein bild rechts ein bild ....

Könntest du mir da vllt helfen?

 

[MrMurphy]

Hallo,

du musst zunächst zwischen HTML / CSS einerseits und PHP / MySQL unterscheiden.

Für die Darstellung in dem Browser ist nur HTML / CSS zuständig. Deshalb hilft dein Quelltext leider auch nicht weiter.

Weiterhin sind Bilder keine Tabellendaten. Deshalb wäre für die Darstellung das table-Element (samt der dazu gehörenden anderen Elemente) sachlich falsch.

Zur Darstellung von Bildern ist im HTML das figure-Element gedacht, in dem sich dann die Bilder und, in einem zusätzlichen figcaption-Element, der zugehörige Text befindet. Ersatzweise können auch andere Container benutzt werden (section, div, u.a.).

Durch CSS wird dann festgelegt, wie die Bilder angeordnet werden. Das kann dann durchaus wie bei einer Tabelle mit zwei Spalten aussehen. Das CSS bietet dazu mehrere Möglichkeiten, unter anderem die von threadi genannten und verlinkten.

Eine konkretere Hilfe ist nur mit dem bisher von dir erstellten HTML und CSS sowie Zugriff auf die Bilder möglich.

Gruss

MrMurphy