Text an Bild binden (HTML, CSS)

[Peitzi]

Servus,
ich hab da ein kleines Problem.
Und zwar möchte ich gerne einen Text unter ein Thumbnail schreiben.
Das soll aber so passieren, dass der Text nicht die Breite des Bildes überschreitet, sprich er müsste auf eine gewisse Größe begrenzt werden.
Ausserdem soll der Text irgendwie an das Bild gebunden werden, sprich dass er sich beim verändern der Browserfenstergröße immer unter dem Bild befindet und nicht irgendwann mal woanders hinrutscht.

Ich hoffe irgendjemand weiss, wie das mit HTML und CSS funktioniert.

 

[dewey]

vl das bild in eine box mit ner box drinnen in der der text steht

 

[floeschen]

Definiere einen DIV-Tag um Bild und Text. Definiere dann mit CSS die Breite des DIV genau auf die Breite des Bildes. Voilà!

 

[Peitzi]

Definiere einen DIV-Tag um Bild und Text. Definiere dann mit CSS die Breite des DIV genau auf die Breite des Bildes. Voilà!

Hm... Ich glaube so trivial ist es leider nicht.

Ich "male" mal was auf, was die Sachlage etwas besser erläutert.


---------------- ---------------
---------------- ----------------
---BILD-------- -----BILD------
---------------- ---------------

text text text text text text
text text

So in etwa soll das ganze aussehen. Ich beschränke mich da nicht auf zwei Elemente, es können durchaus mehr werden in einer Reihe.

Edit: Leider werden mehrere Leerzeichen hier nicht übernommen. Zwischen den Bildern soll natürlich mehr Platz sein, sowie zwischen dem Text natürlich auch.

 

[Nathea]

Schau Dir doch diese Anleitung einmal näher an. Die dürfte das, was Du suchst, enthalten und ziemlich gut beschreiben, auf welchem Wege Du dorthin kommst.

Gruß,
Nathea

 

[msx3000]

Umschließ Bild und Text doch mit einem "container"-div mit fester Breite. In den Container legst Du dann dein Bild div und dein Text div.

sollte so funktionieren

 

[Peitzi]

Schau Dir doch diese Anleitung einmal näher an. Die dürfte das, was Du suchst, enthalten und ziemlich gut beschreiben, auf welchem Wege Du dorthin kommst.

Astrein! Super Tut! So wirds gemacht.
Vielen Dank auch den anderen für die Hilfe.