zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Drei Bilder nebeneinander

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 25.03.2012, 22:34
Benutzerbild von Geronimo
Erfahrener Benutzer
XHTMLforum-Kenner
Thread-Ersteller
 
Registriert seit: 14.06.2004
Beiträge: 2.641
Geronimo sorgt für eine eindrucksvolle AtmosphäreGeronimo sorgt für eine eindrucksvolle Atmosphäre
Standard Drei Bilder nebeneinander

Hallo,

ich versuche gerade drei Bilder nebeneinander anzuordnen, aber irgendwie will das mit der Breite nicht klappen, obwohl das rechnerisch doch hinpasst. Wo habe ich denn da schon wieder meinen Denkfehler? Hab' auch versucht das (kleinere) senkrechte Bild horizontal und vertikal mittig anzuordnen (generell für Bilder mit anderen Formaten) und auch das will mir nicht gelingen.

http://contao.einigkeit-autenzell-re...schuetzenheim/

Beste Grüße

Gerhard
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 25.03.2012, 22:56
body.ie {display: grotte}
XHTMLforum-Mitglied
 
Registriert seit: 09.01.2011
Beiträge: 841
take_a_7 sorgt für eine eindrucksvolle Atmosphäretake_a_7 sorgt für eine eindrucksvolle Atmosphäre
Standard

Moin,

Zitat:
Zitat von Geronimo Beitrag anzeigen
obwohl das rechnerisch doch hinpasst
Eben nicht. Die Links (.ce_gallery .gallery_images a) haben eine festgelegte Breite von 168px. Zuzüglich jeweils 16px margin-right macht das 184px pro Link, egal wie breit das eigenliche Bild ist. 3 * 184px ergibt nach Adam Riese (oder dem Windows-Taschenrechner) 552px, was kleiner bzw. schmaler ist, als die für .ce_gallery .gallery_images festgelegten 536px.

gruß,
take

Geändert von take_a_7 (25.03.2012 um 22:57 Uhr) Grund: Tippfehler
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 25.03.2012, 22:58
Benutzerbild von Geronimo
Erfahrener Benutzer
XHTMLforum-Kenner
Thread-Ersteller
 
Registriert seit: 14.06.2004
Beiträge: 2.641
Geronimo sorgt für eine eindrucksvolle AtmosphäreGeronimo sorgt für eine eindrucksvolle Atmosphäre
Standard

Hm, stimmt. Aber sollte das nicht eigentlich overflow: hidden vermeiden?
Mit Zitat antworten
  #4 (permalink)  
Alt 25.03.2012, 23:01
body.ie {display: grotte}
XHTMLforum-Mitglied
 
Registriert seit: 09.01.2011
Beiträge: 841
take_a_7 sorgt für eine eindrucksvolle Atmosphäretake_a_7 sorgt für eine eindrucksvolle Atmosphäre
Standard

Moin,

Zitat:
Zitat von Geronimo Beitrag anzeigen
Hm, stimmt. Aber sollte das nicht eigentlich overflow: hidden vermeiden?
Wieso denn? Zwischen den Links ist Whitespace, also "darf" der Browser umbrechen, wenn kein Platz mehr im Elternelement ist. Also gibts auch keinen Overflow, der versteckt werden könnte. Evtl. hilft dir white-space: nowrap?

gruß,
take
Mit Zitat antworten
  #5 (permalink)  
Alt 25.03.2012, 23:33
Benutzerbild von Geronimo
Erfahrener Benutzer
XHTMLforum-Kenner
Thread-Ersteller
 
Registriert seit: 14.06.2004
Beiträge: 2.641
Geronimo sorgt für eine eindrucksvolle AtmosphäreGeronimo sorgt für eine eindrucksvolle Atmosphäre
Standard

Schön und gut nur löst das auch nicht das Problem. Bei der alten Seite funktioniert's seltsamerweise problemlos.

Schützenverein ?Einigkeit? Autenzell-Rettenbach 1967 e. V. - Schützenheim
Mit Zitat antworten
  #6 (permalink)  
Alt 25.03.2012, 23:44
Benutzerbild von Thielo
Web Ninja
XHTMLforum-Kenner
 
Registriert seit: 17.09.2009
Ort: Stuttgart oder so
Beiträge: 3.372
Thielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein Lichtblick
Standard

Zitat:
Zitat von Geronimo Beitrag anzeigen
Schön und gut nur löst das auch nicht das Problem. Bei der alten Seite funktioniert's seltsamerweise problemlos.

Schützenverein ?Einigkeit? Autenzell-Rettenbach 1967 e. V. - Schützenheim
Es ist ja nicht so, dass das CSS komplett anders wäre auf der alten Seite

Nimm das margin-right beim letzten Element weg.
__________________
Hier ein immer gültiges Statement: Überarbeite deine Code, lerne die Grundlagen, widersprich mir nicht, wehre dich nicht, ich habe Recht, wir sind Lolgion, wir sind viele.. potato...
All meine Angaben sind ohne Gewähr, es könnte also trotz meiner Unfehlbarkeit dazu kommen dass ich falsch liege

www.richard-thiel.de | Müssen Websiten überall gleich ausschauen?
Mit Zitat antworten
  #7 (permalink)  
Alt 25.03.2012, 23:48
Benutzerbild von Geronimo
Erfahrener Benutzer
XHTMLforum-Kenner
Thread-Ersteller
 
Registriert seit: 14.06.2004
Beiträge: 2.641
Geronimo sorgt für eine eindrucksvolle AtmosphäreGeronimo sorgt für eine eindrucksvolle Atmosphäre
Standard

Super. Ich habe keinen Einfluss darauf was das letzte Element ist. Das können 3 oder beliebig viele Bilder sein.
Mit Zitat antworten
  #8 (permalink)  
Alt 25.03.2012, 23:56
body.ie {display: grotte}
XHTMLforum-Mitglied
 
Registriert seit: 09.01.2011
Beiträge: 841
take_a_7 sorgt für eine eindrucksvolle Atmosphäretake_a_7 sorgt für eine eindrucksvolle Atmosphäre
Standard

Moin,

Zitat:
Zitat von Geronimo Beitrag anzeigen
Super. Ich habe keinen Einfluss darauf was das letzte Element ist. Das können 3 oder beliebig viele Bilder sein.
:last-child ist dein Freund. Oder besser, dann kanns auch IE < 9, erstmal ein margin-left für alle definieren und für das erste (first-child) wieder wegnehmen.

gruß,
take
Mit Zitat antworten
  #9 (permalink)  
Alt 25.03.2012, 23:59
Benutzerbild von Geronimo
Erfahrener Benutzer
XHTMLforum-Kenner
Thread-Ersteller
 
Registriert seit: 14.06.2004
Beiträge: 2.641
Geronimo sorgt für eine eindrucksvolle AtmosphäreGeronimo sorgt für eine eindrucksvolle Atmosphäre
Standard

Ich halte nichts von solchen Pseudoformaten. Warum geht's denn bei der alten Galerie? Ich finde da einfach keinen Unterschied.
Mit Zitat antworten
Sponsored Links
  #10 (permalink)  
Alt 26.03.2012, 00:03
Benutzerbild von Thielo
Web Ninja
XHTMLforum-Kenner
 
Registriert seit: 17.09.2009
Ort: Stuttgart oder so
Beiträge: 3.372
Thielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein Lichtblick
Standard

Zitat:
Zitat von Geronimo Beitrag anzeigen
Ich halte nichts von solchen Pseudoformaten.
"Pseudo"? O.o

Zitat:
Zitat von Geronimo Beitrag anzeigen
Warum geht's denn bei der alten Galerie? Ich finde da einfach keinen Unterschied.

Ich zeigs dir einfach mal inwie weit sich das unterscheidet.

Neues Ding
Code:
.ce_gallery .gallery_images a {
    display: block;
    float: left;
    height: 126px;
    margin: 0 16px 16px 0;
    padding: 0;
    width: 168px;
}
Alte Seite
Code:
div.galerie a {
    float: left;
    margin: 4px;
    width: 168px;
}

a.bild {
    border: 1px solid #BBBBBB;
    display: block;
    padding: 3px;
}
__________________
Hier ein immer gültiges Statement: Überarbeite deine Code, lerne die Grundlagen, widersprich mir nicht, wehre dich nicht, ich habe Recht, wir sind Lolgion, wir sind viele.. potato...
All meine Angaben sind ohne Gewähr, es könnte also trotz meiner Unfehlbarkeit dazu kommen dass ich falsch liege

www.richard-thiel.de | Müssen Websiten überall gleich ausschauen?
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
Drei Bilder mit etwas Abstand nebeneinander anordnen web334 CSS 3 05.02.2012 16:09
Bilder nebeneinander ? overdev CSS 20 26.10.2010 19:00
Bilder nebeneinander StarSt0rm CSS 1 10.09.2007 00:35
2 bilder nebeneinander platzieren Stressless CSS 3 25.10.2006 19:11
Bildergalerie mit Bildunterschrift, Bilder nebeneinander CvH (X)HTML 5 07.08.2006 21:41


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