|
||||
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 |
Sponsored Links |
|
|||
Moin,
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 |
Sponsored Links |
|
|||
Moin,
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 |
|
||||
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 |
|
||||
Zitat:
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? |
|
|||
Moin,
Zitat:
gruß, take |
|
||||
"Pseudo"? O.o
Zitat:
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; } 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? |
Sponsored Links |
Themen-Optionen | |
Ansicht | |
|
|
Ä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 |