kostenloser Webspace werbefrei: lima-city


3 Bilder immer in einer Zeile

lima-cityForumDie eigene HomepageHTML, CSS & Javascript

  1. Autor dieses Themas

    das-koenigreich

    das-koenigreich hat kostenlosen Webspace.

    Ich habe in einem <p>-Tag 3 Bilder nebeneinander. Die werden auch nebeneinander gezeigt, aber wenn man den Browser verklinert (nicht mehr Vollbildschrim) oder einen kleineren Bildschrim hat, dann rutschen die hinteren beiden Bilder in eine neue Zeile. Das 1. Bild ist etwa doppelt so lang, wie das 2. und das 3. zusammen. Alle sind gleich hoch. Text oder <br>-Tags sind nicht in dem <p>-Tag. Nur die 3 Bilder.

    Ich möchte jetzt, dass die 3 Bilder immer in einer Zeile sind, wenn man den Browser verkleinert, soll man nach rechts scrollen müssen.

    Beitrag zuletzt geändert: 6.11.2009 13:33:41 von das-koenigreich
  2. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

    lima-city: Gratis werbefreier Webspace für deine eigene Homepage

  3. f*************s

    Gib mal hier den Script bei und ein Screenshots.
    Wenn alles nicht klappt empfehle ich Css

    Ich werde es demm versuchen!

    Beitrag zuletzt geändert: 6.11.2009 13:34:54 von fabian-meinders
  4. kalinawalsjakoff

    Kostenloser Webspace von kalinawalsjakoff

    kalinawalsjakoff hat kostenlosen Webspace.

    Hmmm mach dir doch eine Tabelle mit 3 Spalten und einer Zeile als alternative
  5. <p class="nowrap"><img /><img /><img /></p>

    CSS:
    .nowrap {white-space:nowrap;}

    Ich habe nicht getestet, daher keine Garantie, jedoch müsste das mit white-space klappen. Tabelle ist fragwürdig wegen Semantik.
  6. Autor dieses Themas

    das-koenigreich

    das-koenigreich hat kostenlosen Webspace.

    werktags schrieb:
    <p class="nowrap"><img /><img /><img /></p>

    CSS:
    .nowrap {white-space:nowrap;}

    Ich habe nicht getestet, daher keine Garantie, jedoch müsste das mit white-space klappen. Tabelle ist fragwürdig wegen Semantik.

    Vielen Dank! Es funktioniert! Ich habe einfach in die bisherige Style-Anweisung noch den Code "white-space:nowrap;" eingefügt, und es funzt!
  7. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

    lima-city: Gratis werbefreier Webspace für deine eigene Homepage

Dir gefällt dieses Thema?

Über lima-city

Login zum Webhosting ohne Werbung!