Neu Bild in einer Box im Footer zentrieren

giorgio

Gut bekanntes Mitglied
9. Februar 2007
299
1
86836 Graben/ LLF
Hallo,

ich versuche gerade ein Bild in einer Box im Footer per CSS im JTLShop 5 zu zentrieren. Das ging auch
bis zum JTLShop 4 problemlos. Jetzt bekomme ich die Bilder nur noch linksbündig.

img-center {
display: block;
margin: 0 auto;
}

Was mache ich den falsch?

Grüsse Jürgen
 

giorgio

Gut bekanntes Mitglied
9. Februar 2007
299
1
86836 Graben/ LLF
Danke, habe ich nur vergessen den Punkt mit zu kopieren. Ich habe es auch schon mit Botstrap versucht - aber nicht um die Burg ist das Bild mittig...
Hier der Code aus Bootstrap. Das Bild ist zwar dann vom Rahmen her nach rechts versetzt, aber nicht genau in der Mitte...

<div class="container">
<div class="row">
<div class="col-4">
<img class="mx-auto d-block img-w80" src="/images/logos/logo_SSL-Verschluesselung.png" alt="Sicher einkaufen mit SSL-Verschluesselung.">
</div>
</div>
</div>

Hat jemand vielleicht eine Idee?
Gruss
Jürgen
 

Anhänge

fibergirl

Sehr aktives Mitglied
14. April 2016
609
141
Hamburg
Das Image befindet sich im <div class="col-4"> .
Da drin ist es mittig.

Aber das div klebt am linken Rand des umgebenden Blocks <div class="row"> und ist mit "col-4" nur 1/3 (4 von 12) breit.

Du kannst einfach aus class="col-4" mal class="col-12" machen.
Nur mal sehen ob es in die richtige Richtung geht.
Links und rechts davon ist allerdings dann kein Platz für weitere Inhalte.
 

giorgio

Gut bekanntes Mitglied
9. Februar 2007
299
1
86836 Graben/ LLF
Ja, nach 12 Stunde programmieren, sollte man einfach aufhören. Ich hatte vorher schon von bootstrap:
.center-block {
display: block;
margin-left: auto;
margin-right: auto;
}
in der Classe mit drin. Und dann war das Bild auf der rechten Seite (QR-Code) - dachte ich. Das ist aber nicht die rechte Seite, sondern die Mitte. Der Container geht ja noch ein gutes Stück nach der Überschrift nach rechts raus...

Danke für die Hilfe - ich höre jetzt lieber auf :)
Gruss
Jürgen

PS. Mit dem CSS-Code, aus dem vorherigen Beitrag würde es mit der Änderung auf "col-12" auch gehen.
 
Ähnliche Themen
Titel Forum Antworten Datum
Neu Mitlaufendes Bild (Parallax) funktioniert nicht auf Mobile JTL-Shop - Fehler und Bugs 1
Bild über volle Breite Einrichtung JTL-Shop5 6
Swatches Bild Name anzeigen lassen Einrichtung JTL-Shop5 3
In Bearbeitung Internes Kundendisplay Bild trotz Update immer noch verpixelt JTL-POS - Fehler und Bugs 2
Gelöst Artikel ohne Bild per Export identifizieren? Gelöste Themen in diesem Bereich 5
Neu Filtern: Kinderartikel ohne Bild User helfen Usern - Fragen zu JTL-Wawi 0
Neu Zweites Bild bei hover in Artikelliste Allgemeine Fragen zu JTL-Shop 2
Neu Portlets drag&drop führt zu neue Seite mit dem Bild JTL-Shop - Fehler und Bugs 1
Neu Versandarten Bild-Url JTL-Shop - Fehler und Bugs 1
Neu JTL Shop 5 - Paypal Bezahlvorgang nur Weißes Bild - Switchen verschiedener Versandarten verbuggt und und und JTL-Shop - Fehler und Bugs 3
Neu Keine Bild-Links mehr im Shopware Produktexport (Varianten Lösung) Shopware-Connector 3
Neu Bild der Variation anzeigen Templates für JTL-Shop 2
Gelöst NOVA Template zusätzliches Bild auf der Wartungsseite. Templates für JTL-Shop 2
Bild/Link wird unter eigene Seiten nicht angezeigt Einrichtung JTL-Shop5 1
Neu Bild Exportformate CSV Datei Betrieb / Pflege von JTL-Shop 0
Neu Nachdem Einrichten des Layouts mit dem OnPage Composer ist das dargestellte Bild nicht zentriert. Allgemeine Fragen zu JTL-Shop 2
Bild in Header als Hintergrund einfügen Einrichtung JTL-Shop5 1
Gelöst Template-Datei image.tpl - Wo finde ich Slick-Slider-Einstellungen für Bild in Artikeldetails Templates für JTL-Shop 3
Neu E-Mail Bestellbestätigung logo einfügen oder Bild entfernen Allgemeine Fragen zu JTL-Shop 4
Neu OnPage Composer Bild Einstelllungen JTL-Shop - Fehler und Bugs 2
Neu Aufträge an den Versand via dotliquid in einer Mail übergeben User helfen Usern - Fragen zu JTL-Wawi 0
Neu NOVA: Unterschiedliche Bildhöhen in einer Zeile Templates für JTL-Shop 1
Neu eBay Template erstellen anhand einer Designvorlage Dienstleistung, Jobs und Ähnliches 0
Neu Übertragung einer Maximal-Abnahme/Produkt-Limit pro Produkt von JTL WaWi zu WooCommerce WooCommerce-Connector 0
Gelöst JTL-Pos stürzt bei Anwahl einer Var-Kombi ab Gelöste Themen in diesem Bereich 1
Neu JTL-Pos stürzt ab bei Anwahl einer Var-Kombi JTL-Wawi - Fehler und Bugs 1
Neu Zwei separate Onlineshops mit Multishoplizenz und einer Wawi nutzen Onlineshop-Anbindung 1
Neu Hat einer von euch Erfahrung mit DataWow? User helfen Usern - Fragen zu JTL-Wawi 0
Neu Wie kann ich Sidepanel_Left einer bestimmten Kategorie anzeigen lassen Betrieb / Pflege von JTL-Shop 3
Neu [Suche] Freelancer oder Service-Partner für die Anpassung einer JTL Ebay Vorlage Dienstleistung, Jobs und Ähnliches 0
Neu Artikel in mehrere Shop-Kategorien kopiert – was passiert nun beim Löschen einer Kategorie? User helfen Usern - Fragen zu JTL-Wawi 2
Neu Dotliquid Positionsliste einer Stückliste Druck-/ E-Mail-/ Exportvorlagen in JTL-Wawi 0
Gelöst Stücklistenartikel umstellen "Nicht erlaubter Zustand: Stückliste erstellen. Grund: Artikel ist Komponente einer Stückliste." JTL-Wawi - Fehler und Bugs 2
Neu Stücklistenartikel umstellen "Nicht erlaubter Zustand: Stückliste erstellen. Grund: Artikel ist Komponente einer Stückliste." User helfen Usern - Fragen zu JTL-Wawi 5
In Bearbeitung LS-POS und JTL-POS an einer Datenbank machbar? Einrichtung / Updates von JTL-POS 3
In Diskussion Workflow - Email an alle Mitglieder einer Kundenkategorie JTL-Workflows - Ideen, Lob und Kritik 12
Neu SQL-Fehlermeldung beim Update einer DB auf Version 1.5.30.0 bei FOREIGN KEY-Einschränkung 'FK_dbo_tMerchantVersandRef_kVersand' JTL-Wawi - Fehler und Bugs 2
Neu Hilfe zu Automatisierungs-Schritte: Ist es möglich aus einer Lieferantenbestellung die Erstellung eines Auftrages zu automatisieren? Arbeitsabläufe in JTL-Wawi 0
Neu Rechnungen wird bei einem Artikel auf zwei Seiten gedruckt statt auf einer JTL-Wawi - Fehler und Bugs 0
Neu Suche nach einer günstigen Spedition für geringes Versandaufkommen User helfen Usern 2
Gelöst Erstellung einer neuer Seite über das Adminpanel Einrichtung JTL-Shop5 1
Neu Idealo Export Shop 4: Mehrere Werte in einer Zelle exportieren Allgemeine Fragen zu JTL-Shop 0
OnPage Composer auf alle Artikel einer Kategorie anwenden Einrichtung JTL-Shop5 2
Neu Shop 5 NOVA in einer Kategorie eine andere Ansicht Templates für JTL-Shop 7
Neu Änderungen in EINER .diff Datei sehen Templates für JTL-Shop 4
Beantwortet Linkgruppe: Spezialseite lässt sich immer nur in einer Linkgruppe anordnen Einrichtung JTL-Shop5 3
Staffeln die für alle Produkte einer Kategorie gültig sind Einrichtung JTL-Shop5 0
Neu Internen Link von _s2 einer Kategorie auf _s1 in Paginierung beseitigen Betrieb / Pflege von JTL-Shop 0
In Bearbeitung Fehlerhafter Tagesabschluß bei Übernahme einer Rechnung aus Wawi mit Rabatt JTL-POS - Fehler und Bugs 3
Neu Fehler 500 bei Speichern einer Seite im Admin JTL-Shop - Fehler und Bugs 2

Ähnliche Themen