zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Dynamische Text-Image Boxen

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 22.08.2020, 14:48
sven34523
neuer user
Thread-Ersteller
 
Registriert seit: 18.12.2007
Beiträge: 52
hatschiii befindet sich auf einem aufstrebenden Ast
Standard Dynamische Text-Image Boxen

Bin gerade dabei in Wordpress von Elementor auf Gutenberg zurück zu gehen weil Elementor einen riesen Overhead an Code erzeugt. Nun habe ich eine "Box" die etwas tricky ist und die ich nicht hin bekomme. Vermutlich am einfachsten mit einem Custom HTML in Gutenberg

Denke das ganze muss n DIVs gemacht werden. Links (orange Box) Tet und rechts ein Bild.

Tricky ist, das beide Boxen zusammen 100% Breite ergeben sollen. Das Elternelement ist 1400px breit.
Wird jetzt der Bildschirm schmäler, beispielsweise 1000px, soll das Ganze skallieren. Dabei muss das Bild immer 100% der Höhe der gesamten Box besitzen und die Höhe wird vom Zeilenumbruch bestimmt.

Wenn die orange Box beispielsweise 75% Breite und das Bild 25% Breite besitzt bestimmt die Höhe der Orangenen Box die Bildhöhe... Wobei hier ja auch noch das Seitenverhältnis in's des Bildes ins Spiel kommt.

Ab einer Bildschirmbreite von sagen wir mal 500 pixel sollen die beiden Elemente Textbox und Bild untereinander stehen (Bild unter dem Text) und das Bild 100% Breite (und dem Bild-Seitenverhälnis entsprechende Höhe)

Hoffe hier kann jemand einem DIV / CSS Anfänger etwas helfen. Layout zur Verdeutlichung im Anhang
Angehängte Grafiken
Dateityp: jpg box.jpg (90,0 KB, 5x aufgerufen)
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 24.08.2020, 09:02
Benutzerbild von protonenbeschleuniger
Verbesserer
XHTMLforum-Kenner
 
Registriert seit: 06.09.2007
Beiträge: 4.977
protonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblick
Standard

Wir können dir gerne helfen, wenn du uns sagst wo du Problem hast, so sieht es aber aus, als ob du erwartest, dass wir für dich eine Beispielseite entwickeln und dann nach deinen Wünschen bauen.
Mit Zitat antworten
Sponsored Links
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Wrapper wächst nicht mit, keine Floats maclady CSS 11 10.02.2010 18:30
Wachsende Container Andy CD CSS 13 10.02.2010 14:08
DIV bis GANZ unten burnZ CSS 5 27.07.2008 14:14
Helft mir. Ich habe voll die Leseschwäche nick CSS 12 15.01.2008 21:52
Problem mit div und Höhe deep4 CSS 2 13.11.2007 21:03


Alle Zeitangaben in WEZ +2. Es ist jetzt 02:14 Uhr.