|
|||
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 |
Sponsored Links |
Themen-Optionen | |
Ansicht | |
|
|
Ä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 |