Bilder mit CSS untereinander anzeigen?

Dieses Thema im Forum "Web Page Design" wurde erstellt von orgonaut, 24.02.2006.

  1. orgonaut

    orgonaut Thread Starter MacUser Mitglied

    Beiträge:
    10.236
    Zustimmungen:
    769
    Mitglied seit:
    09.08.2004
    Hallo! Ja, ich weiß es klingt trivial und vermutlich ist es das auch, aber ich finde trotz relativ intensiver Suche nicht, oder ich habe einfach ein Verständnisproblem. :(

    Folgende Situation:

    Auf einer Seite sollen zwei Bilder unter einander angezeigt werden, aber niemals nebeneinander, egal wie breit man die Seite macht. ;)

    Im Augenblick befinden sich beide Bilder noch innerhalb einer recht großen Tabelle. (Die Tabelle möchte ich später auch durch CSS ersetzen.) Eine absolute Positionierung kommt nicht wirklich in Frage, ausser sie lässt sich nicht vermeiden.

    Was jetzt passier, wenn die Tabelle groß genug wird für beide Bilder ist, das sie neben einander erscheinen. Wie verhindert man das ohne den Raum der Bilder einzuschränken? Oder muss man den Raum einschränken, z.B. in dem man Beide Bilder in einen Container steckt. (<div>?) Das würde ich allerdings nicht als sehr elegant empfinden, es ähnelt nämlich zu sehr dem Tabellenkonzept. Ausserdem soll das eine der Bilder leicht gegen Bilder anderer Größe gewechselt werden können.

    Wer kann mir helfen? :cool:
     
  2. dms

    dms

    Weise den Bildern (eigentlich reicht es schon wenn Du es einem zuweist) einfach ein display:block zu.
     
  3. orgonaut

    orgonaut Thread Starter MacUser Mitglied

    Beiträge:
    10.236
    Zustimmungen:
    769
    Mitglied seit:
    09.08.2004
    Vielen Dank, hat funktioniert!!
     
  4. axas

    axas MacUser Mitglied

    Beiträge:
    8
    Zustimmungen:
    0
    Mitglied seit:
    28.11.2004
    oder jedes bild hat seinen eigenen absatz

    Code:
    <p><img....></p>
    <p><img....></p>
    servus
     
  5. scope

    scope MacUser Mitglied

    Beiträge:
    4.085
    Zustimmungen:
    301
    Mitglied seit:
    24.01.2005
    Das wiederum geht ja auch nur,
    weil P-Elemente standarmäßig auf
    display:block; stehen.. ;)
     
Die Seite wird geladen...

Diese Seite empfehlen