Contao-Camp 2024
Ergebnis 1 bis 7 von 7

Thema: Bilder zentrieren

  1. #1
    Contao-Fan Avatar von jenda
    Registriert seit
    20.06.2009.
    Ort
    Berlin
    Beiträge
    484

    Standard Bilder zentrieren

    Hallo,

    ich möchte die Bilder zentrieren, was ich mit dem folgenden Code erreicht habe.

    HTML-Code:
     .caroufredsel_gallery  .image_container img {
        margin: auto;
    }
    Allerdings spinnt die Darstellung in Firefox und Endge, sobald man die Bilder vergrößert und die Lightbox wieder schließt. Dann stimmt es nicht, was man unten anklickt und oben gezeigt wird. Woran liegt es?

    http://www.ingoschiller.net/de/fotos/orte.html

    Liebe Grüße,

    Jan

  2. #2
    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

    Evtl. liegt das daran, dass Blockelemente in Inlineelementen normalerweise verboten sind. Du hast da aber
    HTML-Code:
    block  <figure>
    inline   <a>
    inline     <picture>
    block        <img>
    Versuch mal diese As und PICTURE auf display:block; zu setzen. Vielleicht geht es dann ja.
    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

  3. #3
    Contao-Fan Avatar von jenda
    Registriert seit
    20.06.2009.
    Ort
    Berlin
    Beiträge
    484

    Standard

    Danke. Ich habe es gesetzt. Leider werden immer noch falsche Bilder in der Mitte gezeigt, nachdem ich einige vergrößert in der Lightbox angeschaut habe. Danach stimmt das nicht überein, was man unten anklickt und was oben gezeigt wird - im Quellcode steht aber die CSS-Klasse visible bei dem richtigen Bild, dieses ist allerdings auf der "Bühne" nicht sichtbar. Woran kann das liegen?

  4. #4
    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

    Also ein Fehler ist schon mal weg, die Bilder waren bei mir nach dem Schließen der Lightbox nicht mehr zentriert.

    Hast du angepasstes CSS für Caroufredsel und die Colorbox? Wenn ja, dann probier erst nochmal mit dem original CSS.

    Da ist ein sehr seltsamer Effekt
    HTML-Code:
    <div class="caroufredsel_wrapper">
      <div class="caroufredsel">
    div.caroufredsel_wrapper ist position:relative und div.caroufredsel ist position:absolute mit left:0, aber nach dem Schließen der Lightbox orientiert er sich nicht mehr an seinem Parent. Wenn du dann diese Breite vom ihm (81000px) in den Dev-Tools ausschaltest und wieder einschaltest, stimmt die Orientierung wieder. Außer, dass dies ein Browserbug sein könnte fällt mir im Moment nichts dazu ein.

    Versuch mal testweise die mediabox anstatt der colorbox dort zu verwenden.
    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

  5. #5
    Contao-Fan Avatar von jenda
    Registriert seit
    20.06.2009.
    Ort
    Berlin
    Beiträge
    484

    Standard

    Danke. Es ist wirklich komisch. Mit mediabox gibt es kein Problem. Ich habe für colorbox auch clear: both eingestellt. Das hat leider auch nicht geholfen. Hast du eine Idee, womit ich das noch beeinflussen könnte? Ungerne lade ich beide Javascriptbibliotheken, daher wäre es toll nur jQuery zu verwenden.
    Geändert von jenda (30.07.2016 um 10:52 Uhr)

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

    Support Contao

    Standard

    Ist vermutlich das selbe oder ähnliche Problem wie bei mir. Siehe hier ...

  7. #7
    Contao-Fan Avatar von jenda
    Registriert seit
    20.06.2009.
    Ort
    Berlin
    Beiträge
    484

    Standard

    Super, vielen Dank. Das hat geholfen und es funktioniert wie erwartet.

Aktive Benutzer

Aktive Benutzer

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

Lesezeichen

Lesezeichen

Berechtigungen

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