Ergebnis 1 bis 6 von 6

Thema: Galerie resonvive optimieren

  1. #1
    Contao-Nutzer Avatar von Voselix
    Registriert seit
    03.04.2012.
    Ort
    53879 Euskirchen
    Beiträge
    245

    Standard Galerie resonvive optimieren

    Hallo Leute,

    ich hab da eine Seite und ich möchte die Galerie optimieren-denke das geht irgendwie im css....

    Hoffe mir kann jemand helfen!?

    Meine Bildergalerien sind so eingestellt, das in der Desktop Version 5 Bilder nebeneinander erscheinen.

    Verkleinere ich jetzt meinen Bildschirm, klappt ein Bild in die nächste Zeile der Galerie. Da ist dann aber nur das eine Bild!

    D.h. die Galerie klappt zeilenweise das letzte Bild in die nächste Zeile.

    Ich hätte aber gerne, das die Galerie Zentriert ist und die Bilder ALLE floaten...d.h. immer gleich viele Bilder je Zeile und diese dann auch zentriert.

    Wie mache ich das?
    Hier mal der Link: (entfernt weil 404)

    GLG
    Voselix
    Geändert von Voselix (15.09.2016 um 14:06 Uhr)

  2. #2
    Wandelndes Contao-Lexikon Avatar von tab
    Registriert seit
    22.10.2013.
    Beiträge
    10.086
    Contao-Projekt unterstützen

    Support Contao

    Standard

    Ich tue mich da ohne floats leichter. Also
    Code:
    .ce_gallery ul li {
        float: none;
        display: inline-block
    }
    
    .ce_gallery ul {
        display: inline-block;
        text-align: center;
    }

  3. #3
    Contao-Nutzer Avatar von Socki
    Registriert seit
    19.02.2015.
    Ort
    Wien
    Beiträge
    133

    Standard

    Tab war schneller.
    Geändert von Socki (05.09.2016 um 17:46 Uhr)

  4. #4
    Contao-Nutzer Avatar von Voselix
    Registriert seit
    03.04.2012.
    Ort
    53879 Euskirchen
    Beiträge
    245

    Standard

    cool---danke hat geklappt...

  5. #5
    Contao-Urgestein Avatar von Andreas
    Registriert seit
    19.06.2009.
    Ort
    Mönchengladbach
    Beiträge
    7.703
    User beschenken
    Wunschliste
    Contao-Projekt unterstützen

    Support Contao

    Standard

    Wobei du die UL als Container welche die inline-block Elemente beinhaltet ruhig, oder sogar besser, auf block lassen kannst. Also nur
    HTML-Code:
    .ce_gallery ul {
        text-align: center;
    }
    Bitte!
    Vor Anfragen im Forum HTML validieren.
    Codesnippets hier im Froum sauber einrücken. Nur Tabs o. nur Leerzeichen verwenden.

    Vielen Dank an alle Wunschlistenerfüller
    Andreas Burg, Web Solutions

  6. #6
    Wandelndes Contao-Lexikon Avatar von tab
    Registriert seit
    22.10.2013.
    Beiträge
    10.086
    Contao-Projekt unterstützen

    Support Contao

    Standard

    Stimmt, das ist mir nur versehentlich mit reingerutscht, weil ich es bei einer meiner Galerien tatsächlich so brauche, was aber hier nicht der Fall ist.

Aktive Benutzer

Aktive Benutzer

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)

Lesezeichen

Lesezeichen

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •