Zwei Bilder nebeneinander, sollen kleiner werden!
Hallo zusammen,
ich möchte gerne zwei Bilder die sich in einem DIV befinden, in einem Wrap-DIV mit der Fenstergröße (Responsive) schrumpfen lassen. Aktuell sieht es so aus: xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx x BILD BILD x BILD BILD x....................................x x BILD BILD x BILD BILD x.....HEADLINE .................x x BILD BILD x BILD BILD x.....TEXT TEXT TEXT TEXT..x x BILD BILD x BILD BILD x.....TEXT TEX TEXT TEXT.. x x BILD BILD x BILD BILD x...................................x x BILD BILD x BILD BILD x...................................x xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx Die Bilder werden von einem DIV mit dem Wert "float:left" umfasst. Der Text daneben ist ebenfalls von einem DIV eingeschlossen. Aktuell schrumpft nur der Text mit und platziert sich unter den Bilder. Wenn das Fenster noch kleiner wird rutschen die Bilder untereinander und rechts bleibt ein großer Platzhalter. Ich möchte aber das das beide Bilder nebeneinander bleiben und bei MAX-größer (aktuell bei 625px) nebeneinander, zusammen kleiner werden. Hat jemand eine Ahnung wie ich sowas realisieren kann? Die Bilder in ein Bild zusammenzufassen ist leider nicht möglich, da beide Bilder per Loop generiert werden. Würde mich über eine Antwort freuen! LG, Sam |
das sollte mit media-queries gehen. Einfaches Beispiel:
HTML-Code:
<!DOCTYPE html> |
Alle Zeitangaben in WEZ +2. Es ist jetzt 13:51 Uhr. |
Powered by vBulletin® Version 3.8.11 (Deutsch)
Copyright ©2000 - 2024, vBulletin Solutions, Inc.
© Dirk H. 2003 - 2023