zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Div Containeranordnung

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 16.02.2018, 16:48
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 12.09.2013
Beiträge: 4
Mando befindet sich auf einem aufstrebenden Ast
Standard 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?
Angehängte Grafiken
Dateityp: jpg web1.jpg (61,5 KB, 1x aufgerufen)
Dateityp: jpg web2.jpg (61,6 KB, 1x aufgerufen)

Geändert von Mando (16.02.2018 um 17:01 Uhr)
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 16.02.2018, 18:19
Benutzerbild von basti1012
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 23.01.2018
Beiträge: 184
basti1012 befindet sich auf einem aufstrebenden Ast
Standard

Meinst du so https://jsfiddle.net/basti1012/9ynpgggm/25/

Geändert von basti1012 (16.02.2018 um 18:40 Uhr)
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 20.02.2018, 14:03
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 12.09.2013
Beiträge: 4
Mando befindet sich auf einem aufstrebenden Ast
Standard

Ja genau so, Danke Basti
Mit Zitat antworten
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
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


Alle Zeitangaben in WEZ +2. Es ist jetzt 12:38 Uhr.