Text genau üner Bild

[Barcode]

Hallo,

ich habe auf einer HTML Seite genau 3 Kleine Bilder nebeneinander mit einem kleinen Abstand.

Ich möchte genau mittig über jedem Bild einen Text dazu haben. Wenn ich den Text schreibe müsste ich den Text aber mit Leerzeichen zurechtrücken, was aber keine Lösung sein kann, weil es nicht bei den 3 Bildern bleibt sondern da mehere hundert hinzukommen werden.

Kann mir da jemand weiterhelfen?

MFG Barcode

[suit]

du brauchst jeweils ein gruppierendes element um den text und das zugehörige bild

[bleicher]

Grüße,

meiner bescheidenen Meinung nach, wären folgende Lösungansätze eine Erwähnung wert:

1)Zweizeilige und vierspaltige Tabelle für Text und Bild. Nicht wirklich zu empfehlen, aber es ist eine Einsteigerfreundliche und relativ einfache Lösung.

2. Als elegantere Lösung könnte folgender Ansatz gelten:
    Bild und Text werden in ein Blockelemnt wie zB. <div> platziert.
   mein vorschlag wäre

<div class="dingsbums">  
Text zum Bild  
<br>  
<img src="bild.jpg">  
</div>

(Es wäre zwar möglich ohne den <br> auszukommen, aber ich finde, dass man es in diesem Fall nicht unnötig verkomplizieren muss.)

Auch wird eine Breitenangabe notwendig sein, sowie float, um alle 4 Kontainer mit Text und Bildern in einer Zeile unterzubringen.

Möglich wäre zB.

  
div.dingsbums {  
text-align:center;  
width:150px; /* je nach Bildgröße und Design */  
float:left;  
}  

Ich hoffe du wirst aus diesen Vorschlägen etwas kreieren können.

MFG
bleicher

[suit]

1)Zweizeilige und vierspaltige Tabelle für Text und Bild. Nicht wirklich zu empfehlen, aber es ist eine Einsteigerfreundliche und relativ einfache Lösung.

und bricht dir das genick, wenn du das ganze später umformatieren sollst ;)

2. Als elegantere Lösung könnte folgender Ansatz gelten:
   Bild und Text werden in ein Blockelemnt wie zB. <div> platziert.
   mein vorschlag wäre

<div class="dingsbums">

Text zum Bild
<br>
<img src="bild.jpg">
</div>

>   
> (Es wäre zwar möglich ohne den <br> auszukommen, aber ich finde, dass man es in diesem Fall nicht unnötig verkomplizieren muss.)  

statt br einfach ein container-element wie zb <p> für die beschreibung ist doch nicht unnötig kompliziert? den div ggf durch eine liste tauschen ist auch eine möglichkeit

[bleicher]

Grüße,

statt br einfach ein container-element wie zb <p> für die beschreibung ist doch nicht unnötig kompliziert? den div ggf durch eine liste tauschen ist auch eine möglichkeit

Ich wollte möglichst nah am Wissenstand des Fragenden bleiben :) es gibt auch sicher viele Alternativlösungen, aber nur zwei Prinzipien - Tabelle oder CSS (Stukturformatierung oder EIgenschaftsformatierung, würde ich es nennen).

MFG
bleicher