Hilfe im Footer

Thema wurde von Heizungsshop Chef, 30. Juni 2016 erstellt.

  1. Heizungsshop Chef

    Heizungsshop Chef Erfahrener Benutzer

    Registriert seit:
    26. November 2011
    Beiträge:
    319
    Danke erhalten:
    14
    Danke vergeben:
    47
    Hallo,

    ich habe im Footer ein Facebook Foto eingesetzt und dies hätte ich gerne zentriert in der Mitte der Box.
    Leider kann ich es im Editor nur ganz rechts oder ganz nach links verschieben.

    Kann mir jemand dabei helfen?

    Grüße Carlo
     
  2. Heizungsshop Chef

    Heizungsshop Chef Erfahrener Benutzer

    Registriert seit:
    26. November 2011
    Beiträge:
    319
    Danke erhalten:
    14
    Danke vergeben:
    47
    Hallo,

    kennt keiner eine Antwort?

    Grüße Carlo
     
  3. bbbo

    bbbo Aktives Mitglied

    Registriert seit:
    20. Mai 2014
    Beiträge:
    34
    Danke erhalten:
    7
    Danke vergeben:
    10
    Im visuellen Editor geht das nicht, aber prinzipiell wenn Du in der Quellcode-Ansicht ein paar css-styles zufügst und das img in ein Eltern-div verpackst.

    z.B. so:

    Code:
    <div class="fb-image-parent" style="position: absolute;  left: 50%;">
    <img alt="facebook image" class="fb-image-img" src="https://scontent.xx.fbcdn.net/v/t1.0-1/p160x160/10645127_965849360128200_3819570532316711719_n.jpg?oh=a622b31ecd99311006ad0d2f8db900be&amp;oe=580397B7" style="max-width: 90%; display: block; position: relative; left: -50%;" />
    </div>
    
    Ich war mal so frei meine Fratze als Beispiel zu nehmen ;)

    Das klappt eigentlich ganz gut (es gibt noch andere Methoden, Bilder zu zentrieren und responsive zu machen), das einzige Problemen ist dass bei sehr schmalen (Smartphone-) Bildschirmen das Bild über den "Shopsystem by Gambio" Footer rutscht. Falls da jemand noch ne Idee hat, bitte ergänzen. Ich arbeite mich gerade erst in das Gambio-CSS ein.

    Die Klassen (fb-image-parent und fb-image-img) habe ich nur eingefügt, falls Du das css in den StyleEdit auslagern willst, dann kannst Du die inline styles weglassen und das zentral managen.
     
  4. Heizungsshop Chef

    Heizungsshop Chef Erfahrener Benutzer

    Registriert seit:
    26. November 2011
    Beiträge:
    319
    Danke erhalten:
    14
    Danke vergeben:
    47
    Hallo BBBo,

    danke für die HIlfe. Das mit den Code hat funkktioniert, nur mit 50% war das Facebook Bild zur Hälfte in die nächste Zeile vom Footer gewandert. Ich habe jetzt einmal 18% eingestellt und das Bild hat sich fast zentriert.

    Danke Carlo
     
  5. barbara

    barbara G-WARD 2014-2020

    Registriert seit:
    14. August 2011
    Beiträge:
    35.352
    Danke erhalten:
    11.198
    Danke vergeben:
    1.601
    Vielleicht hilft das bei Bildern:
    (Link nur für registrierte Nutzer sichtbar.)