Powl: Mit PHP schwarzen Kasten unter Bild setzten

Beitrag lesen

Hallo,

Ich baue mir gerade ein Script mit dem ich Thumbnails in PHP erstellen möchte. Ich habe es bereits egschafft die Bilder zu verkleinern und einen schwarzen rahmen darum zu setzten.

Das kann man mit PHP in der Tat wunderbar automatisieren.

Jedoch möchte ich jetzt darunter einen schwarzen Kasten in voller breite  setzten und darein möchte ich einen Text schreiben.

Was genau hält Dich denn davon ab? Genau, wenn Bild und Text zu einem Bereich gehören, dann packe sie doch auch in einen Bereich.

<p id="BildNR">
 <img scr="bla" alt="bla" height="<?PHP echo $height ?>" width="<?PHP echo $witz"?> />
 *bildbeschreib*
</p>

Den Paragrafen kannst Du nun an der ID wunderbar am Schopf packen. Ihn floaten, positionieren - was das Herz begehrt. Ja wenn Du PHP nutzt, kannst du ihem auch die Breit des Bildes überstülpen -> Wenn Du das nicht mit inline-styles machst, dann machst Du's sogar mit dem Segen aller. Dem img verpasst Du ein display:block; und schn steht der text darunter. Ganz ohne <br /> Orgie. Abstände paddingen oder margingen, wie's am Besten passt und fettich isch die Laube.

Mein Problem, wie setzte ich den Kasten darunter, ohne das etwas vom Bild verloren geht und wie positioniere ich die schrift auf dem Kasten mittig?

Erstmal besorg Dir mit PHP (hoffentlich validen) Code. Denn Kannst Du am besten in ein (X)HTML Template einbinden, dass eine inhaltliche Struktur daraus wird.

Hat jemand eine Idee? Wärte euch sehr dankbar!

Bestimmt, sofern Du mehr Info abliefern magst.

GD Version ist 2.x und PHP Version 4.3.10-21

Das tut ab hier nicht mehr zur Sache. Wenn Du den Code mit PHP erstellt hast, dann obliegt das Formatieren CSS. Vielleicht würde es auch mehr Forumsteilnehmer zum Antworten reizen, wenn Du _relevanten_ Code posten würdest. In Deinem Fall weniger PHP Quälcode - das Script hast Du ja im Griff, wie's scheint.
Sondern das, was beim Client aufläuft. Also die (X)HTML Seite. Das wäre dann nämlich mit CSS in Form zu bringen.

netten Tag
^da Powl

--
===============================
powl.hat-gar-keine-homepage.de/