Text soll am Rand der div box enden

[schokocrossie]

Hey,

folgendes:

Ich habe verschiedene "bilderboxen", wo je ein Bild und darunter Text ist.
Die Bilder sind alle 400px hoch,
allerdings unterschiedlich breit.

Wie kann ich bestimmen, dass der Text trotzdem immer gleichlang ist?

Sieht so aus:

.bilderbox {
margin-right: 10px;
padding: 0px;
height: 400px;
position: relative;
float: left;
}


.bilderbox_text {
text-align: justify;
}

 

[Tronjer]

In dem du einen Wert für width setzt.

 

[schokocrossie]

Ach echt?

Nein mal ernst,
das ist ja das Problem.

Jede Textbox hat ja, je nach Bild, eine unterschiedliche Breite.
Aber da ich den Bildern ja nur eine Höhe gegeben habe, da es wichtig ist, dass sie gleich hoch sind,
weiß ich die Breite eben nicht.

 

[threadi]

Und wieso sollen die Texte unter den Bildern dann immer die gleiche Breite einnehmen? Ich kann mir das schon rein visuell gerade nicht wirklich vorstellen. Kannst Du das mal als Bild zeigen, oder einen Link?

 

[Tronjer]

Dann poste mal einen Link zu deiner Seite?

Aus den paar Zeilen Code geht nicht hervor, ob du die Bilder statisch oder dynamisch eingebunden werden, im selben oder in unterschiedlichen divs liegen.

 

[Space Vampire]

Mit "immer gleich lang" meinst du sicher, dass die width des Textes der Breite des Bildes entspricht.
Wenn ja, dann gehts so z.B.:

<?php
// Bilderpfad
$image = "pfad/zum/bild.jpg";
// Bildgröße auslesen
$imagesize = getimagesize($image);
// Bildbreite in Variable packen
$width = $imagesize[0];
?>
<div class="bilderbox">
	<img src="<?php echo $image; ?>" alt="bild">
	<p style="width:<?php echo $width; ?>" class="bilderbox_text">
		Ganz viel Text
	</p>
</div>

Das wäre dann dein Code für jedes Bild.
Statt den Pfad ins src=""-Attribut einzutragen, müsstest du ihn in die Variable $image eingeben.
das ist alles.