[HTML] Text unter Bild zentrieren

Dieses Thema im Forum "Webentwicklung" wurde erstellt von wyldstyle, 9. August 2008 .

Schlagworte:
Status des Themas:
Es sind keine weiteren Antworten möglich.
  1. 9. August 2008
    Text unter Bild zentrieren

    Hallo, ich versuche grad den Htmlcode von einer Seite anzupassen damit unter einer Reihe von Bildern ein bestimmter Text angezeigt wird am besten zentriert. Leider sind meine Htmlkenntnisse extrem bescheiden und ich schaffe es nur den Code zu verunstalten daher wäre ich für Hilfe wirklich sehr sehr dankbar.
    Es geht um folgende Seite:
    http://greece.siteboard.eu/

    unter den Bildern oben möchte ich wie o.g. einen Text pro Bild anzeigen lassen, nix großes aber leider weiss ich nicht wie man den centerbefehl richtig einbindet!

    Könnte sich das vielleicht mal jemand angucken?
     
  3. 9. August 2008
    AW: Text unter Bild zentrieren

    Du könntest einfach die Bilder jeweils in ein div packen:
    Code:
    <div style="width: 210px;">
 <p><a href="http://greece.siteboard.eu/f116t4277-superfluffiges-weissbrot.html" target="_blank">
 <img src="http://i35.tinypic.com/w87q0o.jpg" style="border: 0;">
 </a></p>
 <p style="text-align: center;">Hier der Text hin...</p>
</div>
    Edit: Übrigens ist der Code auf der Seite auf den ersten Blick..schrecklich (nicht nur optisch, es sind auch diverse Fehler drin wie fehlende Zeichen usw)..
     
  4. 9. August 2008
    AW: Text unter Bild zentrieren

    Jau, das ist halt nicht mein Board und zudem ist das von nem Fertig-Anbieter. Der Admin hat nicht wirklich Ahnung und da helf ich dem bischen.
    Danke für die Hilfe ich probier das aus so schnell es geht, bw haste
     
  5. 11. August 2008
    AW: Text unter Bild zentrieren

    Nochmal für alle (was ich per PN noch beantwortet hab'):
    Wenn die Bilder nebeneinander angeordnet werden sollen, einfach ein "float: left;" in den div-style packen:
    Code:
    <div style="width: 210px; float: left;">
 <p><a href="http://greece.siteboard.eu/f116t4277-superfluffiges-weissbrot.html" target="_blank">
 <img src="http://i35.tinypic.com/w87q0o.jpg" style="border: 0;">
 </a></p>
 <p style="text-align: center;">Hier der Text hin...</p>
</div>
     
  6. Video Script

    Videos zum Themenbereich

    * gefundene Videos auf YouTube, anhand der Überschrift.