Neu Bild in einer Box im Footer zentrieren

giorgio

Gut bekanntes Mitglied
9. Februar 2007
301
3
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
301
3
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

  • Bildschirmfoto 2021-02-25 um 15.09.41.png
    Bildschirmfoto 2021-02-25 um 15.09.41.png
    43,8 KB · Aufrufe: 3

fibergirl

Sehr aktives Mitglied
14. April 2016
786
223
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
301
3
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) beschriften und verlinken Allgemeine Fragen zu JTL-Shop 1
Neu Wie wähle ich ein Bild als Hintergrund für ein Rich Text Portlet aus? Templates für JTL-Shop 2
Gelöst JTL WAWI Bild aktualisieren - wird nicht im Shop übernommen User helfen Usern - Fragen zu JTL-Wawi 2
Neu Social Media Bild in JTL - wie in YOAST Allgemeine Fragen zu JTL-Shop 0
Neu Artikeletikett; brauche mehr als 1 Bild User helfen Usern - Fragen zu JTL-Wawi 4
Beantwortet JTL Shop OnPage Composer - Eingefügtes Bild lässt sich nicht mehr bearbeiten Einrichtung JTL-Shop5 2
Neu SQL Bild des Vaterartikels Individuelle Listenansichten in der JTL-Wawi 0
Neu Bild der Vaterartikels auf Artikeletiketten drucken Druck-/ E-Mail-/ Exportvorlagen in JTL-Wawi 1
Neu dot.liquid - Addieren zum Ergebnis einer Ganzzahlberechnung funktioniert nicht richtig JTL-Wawi - Fehler und Bugs 7
Neu Mehrere Eingangsrechnung zu einer bzw. aus mehreren Lieferungen JTL-Wawi - Ideen, Lob und Kritik 0
Neu Positionen einer Pickliste nach Sortiernummer der Lagerplätz sortieren Druck-/ E-Mail-/ Exportvorlagen in JTL-Wawi 0
Neu Auftrag ist OHNE Rechnung nicht editierbar? und auch nur einer von vielen! JTL-Wawi - Fehler und Bugs 3
Neu Wie kann ich retournierte VarKombis in einer separaten Online-Shop Kategorie reduziert anbieten? User helfen Usern - Fragen zu JTL-Wawi 1
Neu Nicht lieferbare Positionen in einer E-Mail versenden Druck-/ E-Mail-/ Exportvorlagen in JTL-Wawi 1
Neu Import einer CSV datei vom Dropshipper Schnittstellen Import / Export 1
In Bearbeitung Kommentar aus einer Bestellung im WMS anzeigen lassen [WAWI-35384] Arbeitsabläufe in JTL-WMS / JTL-Packtisch+ 3
Neu Wawi 1.6. für Testinstanzen - bis wann ist mit einer Vorversion zu rechnen? User helfen Usern - Fragen zu JTL-Wawi 7
Neu Vorkunfigurierte Bestände einer Stückliste auf gleicher SKU buchen wo die Stückliste eingetragen ist JTL-Plan&Produce - Ideen, Lob und Kritik 7
In Diskussion Neuer Workflow erstellen einer Tabelle mit nicht lieferbaren Artikeln JTL-Workflows - Ideen, Lob und Kritik 0
Neu SQL: gesamte offene Posten zu einer Kundennummer Individuelle Listenansichten in der JTL-Wawi 1
Neu Rechnungslayout zeigt keinen Artikelnamen und keine Menge bei einer bestimmten Schnittstelle / Marktplatz Druck-/ E-Mail-/ Exportvorlagen in JTL-Wawi 2
Neu Ausliefern nicht möglich, da Bereits au einer anderen Pickliste JTL-Wawi - Fehler und Bugs 11
Neu Geht das? -Generierung einer Bestellung aus JTL Wawi heraus in den JTL-Onlineshop eines Lieferanten? Allgemeine Fragen zu JTL-Shop 0
Neu "Weiterleitung" einer erhaltenen Amazon Bestellungen an Dropshipping-Lieferanten zur Auslieferung an Endkunden - geht das? Amazon-Anbindung - Ideen, Lob und Kritik 3
Neu Set-Artikel - bei einer bestimmten, enthaltenen Zeichenfolge soll der TARIC-Code ein- bzw. ausgeblendet werden Druck-/ E-Mail-/ Exportvorlagen in JTL-Wawi 0
Gelöst Gesamtbetrag wir in E-Mail nur mit einer Stelle nach dem Komma ausgegeben. JTL-Workflows - Fehler und Bugs 2
Neu Der Auftrag wird nicht ausgeliefert: Bereits auf einer anderen Pickliste. Arbeitsabläufe in JTL-Wawi 0
Neu BUG in der Anzeige / Ausgabe bei einer Lagerbestandsbewertung DIREKT nach einer Inventur?! JTL-Wawi - Fehler und Bugs 0
Neu Sortieren von Artikelnummern/Namen/Preisen/Mengen innerhalb einer Bestellung User helfen Usern - Fragen zu JTL-Wawi 0
Offen Verpackungsprozess in einer Baumschule Arbeitsabläufe in JTL-WMS / JTL-Packtisch+ 2
Neu Header Box im Shop 5 Nova / Evo.. Templates für JTL-Shop 3
Neu Box konnte nicht entfernt werden JTL-Shop - Fehler und Bugs 0
JTL Shop 5 Nova Template out of the box nicht responsiv? Einrichtung JTL-Shop5 2

Ähnliche Themen