Darstellung im Index Mitte (Content Manager)

Thema wurde von Mimi, 23. Februar 2020 erstellt.

  1. Mimi

    Mimi Mitglied

    Registriert seit:
    26. Januar 2020
    Beiträge:
    20
    Danke erhalten:
    0
    Danke vergeben:
    7
    Hallo liebe Shopbetreiber und -betreiberinnen,


    Ich möchte gerne auf meiner Startseite im Index Mitte gerne nochmal zentriert mein Shoplogo in größere Darstellung erscheinen lassen.

    Habe im entsprechenden Feld im Content Manager auch rumexperimentiert (mit Abstand links, rechts, oben, unten), aber es wird einfach nicht zentriert dargestellt, d.h. im Safari - Browser jetzt schon, nach zigmaligem Hin- und Hergeschiebe, aber in der mobilen Darstellung auf dem Handy rutscht das immer raus und ist gar nicht zu sehen.

    Bin wie immer für hilfreiche Tipps und Anregungen sehr dankbar.

    Liebe Grüße,
    Mimi
     
  2. FRAGO

    FRAGO Erfahrener Benutzer

    Registriert seit:
    5. Dezember 2019
    Beiträge:
    1.013
    Danke erhalten:
    319
    Danke vergeben:
    186
    hier gibt es mehrere Möglichkeiten...

    Code:
    <div style="text-align: center;">
        <img alt="" class="img-responsive" src="images/heidelpay.gif" />
    </div>
    
    oder

    Code:
    <div>
        <img alt="" class="img-responsive" src="images/heidelpay.gif" style="margin: 0 auto" />
    </div>
     
  3. Mimi

    Mimi Mitglied

    Registriert seit:
    26. Januar 2020
    Beiträge:
    20
    Danke erhalten:
    0
    Danke vergeben:
    7
    Hallo Frago,

    Danke für deine Lösungsvorschläge, doch bin ich leider mit HTML überhaupt nicht bewandert.

    Ich habe im Editor für den Index unter 'Text' mein Bild eingefügt und es dort größenmäßig angepasst und versucht zu 'Centern'.

    Klicke ich in HTML sieht das aus wie auf dem Screenshot.

    Was muss ich mit deinen Code- Vorschlägen machen ?

    LG
    Mimi
     

    Anhänge:

  4. FRAGO

    FRAGO Erfahrener Benutzer

    Registriert seit:
    5. Dezember 2019
    Beiträge:
    1.013
    Danke erhalten:
    319
    Danke vergeben:
    186
    du schreibst "doch bin ich leider mit HTML überhaupt nicht bewandert" und dann ein solcher Code....

    Hier benötigt man deutlich mehr Informationen! Warum es überhaupt einen solchen Code gibt.

    Post mal den Gesamten Code aus Index Mitte
     
  5. esther_marschall

    esther_marschall Aktives Mitglied

    Registriert seit:
    7. Juni 2017
    Beiträge:
    39
    Danke erhalten:
    10
    Danke vergeben:
    5
    Wenn du das Bild über den Editor einfügst hast du als dritten Reiter "Erweitert". Dort ganz unten bei Stil display:block; margin-left:auto; margin-right: auto; eintragen und es ist mittig. Unter Formatklasse kommt dann das img-responsive
     
  6. Anonymous

    Anonymous G-WARD 2015/2016

    Registriert seit:
    20. Februar 2012
    Beiträge:
    8.755
    Danke erhalten:
    1.516
    Danke vergeben:
    1.051
    generell als Tipp: Bildernamen besser ohne Leerzeichen!

    upload_2020-2-23_19-46-59.png