|
|||
Div Containeranordnung
Hallo, ich würde gerne Bilder anordnen das diese neben und untereinander angeordnet werden. Das ganze soll am Ende so aussehen das das einen Block ergibt. Ein Bild rutscht aber immer nach unten raus und ich weiß nicht wie ich das hinbekomme das es nicht passiert. Bild 1 ist wie es aussehen soll, Bild2 ist wie es aktuell aussieht. "quer.jpg" sind die kleinen Bilder im querformat. "hochformat.jpg" sind die großen Bilder im Hochformat
HTML: <div class="zwei columns"><img src="img/quer.jpg" /></div> <div class="zwei columns"><img src="img/quer.jpg" /></div> <div class="zwei columns" style="float:right;"><img src="img/hochformat.jpg"/></div> <div class="zwei columns"><img src="img/hochformat.jpg"/></div> <div class="zwei columns"><img src="img/quer.jpg"/></div> <div class="zwei columns"><img src="img/hochformat.jpg"/></div> <div class="zwei columns"><img src="img/quer.jpg"/></div> <div class="zwei columns"><img src="img/quer.jpg"/></div> <div class="zwei columns"><img src="img/quer.jpg"/></div> CSS: .columns { position: relative; overflow: hidden; text-align: center; line-height: 0; float: left; display: inline; margin: 0.5%; } .eine.columns { width: 24%; } .zwei.columns { width: 32.33333%; } .drei.columns { width: 49%; } .vier.columns { width: 65.66666%; } .sechs.columns { width: 99%; } Vielleicht kann mir jemand helfen? Geändert von Mando (16.02.2018 um 17:01 Uhr) |
Sponsored Links |
|
||||
Meinst du so https://jsfiddle.net/basti1012/9ynpgggm/25/
Geändert von basti1012 (16.02.2018 um 18:40 Uhr) |
Sponsored Links |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Fragen zu CSS und Joomla | DOKTOR | CSS | 2 | 23.05.2011 20:29 |
Brauche Hilfe: Schwarzes Nichts | Zwox | CSS | 10 | 19.11.2010 17:53 |
Header entfernen | tripple | CSS | 17 | 15.06.2010 16:41 |
Schriftfarbe in den Eintragungsfeldern von jforms | Steveislucky | CSS | 2 | 16.03.2010 11:59 |
CSS Text nebeinander? | carstiee09 | CSS | 13 | 13.11.2009 20:18 |