Neu Bilder mit Unterschriften in einer Reihe platzieren.

  • Temporäre Senkung der Mehrwertsteuer Hier findet ihr gesammelt alle Informationen, Videos und Fragen inkl. Antworten: https://forum.jtl-software.de/threads/mehrwertsteuer-senkung-vom-01-07-31-12-2020-offizieller-diskussionthread-video.129542/

surus

Gut bekanntes Mitglied
28. September 2016
314
6
Wir haben ein paar Bilder, die wir in der Artikelbeschreibung in einer Reihe platzieren möchten.

Wir haben z.B. 5 Bilder 100x100 mit Unterschriften (unter dem jeweiligen Bild). Diese möchten wir in einer Reihe platzieren.
Wenn die Bildschirfauflösung es nicht zulässt, sollen Bilder in die nächste Zeile springen.

Momentan ist es so, dass alle Bilder untereinander angezeigt werden.

Wie macht man es am besten?
 

surus

Gut bekanntes Mitglied
28. September 2016
314
6
Hier ist ein Beispiel.

HTML:
<p>Pflegeanleitung</p>

<figure>
<img src="/bilder/intern/Handwaesche.png" alt="Handwäsche">
<figcaption>Handwäsche</figcaption>
</figure>

<figure>
<img src="/bilder/intern/Nicht_trommeltrocknen.png" alt="Nicht trommeltrocknen">
<figcaption>Nicht trommeltrocknen</figcaption>
</figure>

<figure>
<img src="/bilder/intern/Trocknen_(liegend_im_schatten).png" alt="Liegend im Schatten trocknen">
<figcaption>Liegend im Schatten trocknen</figcaption>
</figure>

<figure>
<img src="/bilder/intern/Nicht_buegeln.png" alt="Nicht bügeln">
<figcaption>Nicht bügeln</figcaption>
</figure>

<figure>
<img src="/bilder/intern/Nicht_chemisch_reinigen.png" alt="Nicht chemisch reinigen">
<figcaption>Nicht chemisch reinigen</figcaption>
</figure>
 

martinwolf

Offizieller Servicepartner
SPBanner
6. September 2012
3.277
213
Das Tag "figure" wird über die Bootstrap.css per display: block definiert. Block-Elemente haben die Eigenschaft, dass diese stets die gesamte Breite des Parent-Elements einnehmen und einen umbrechenden Block erzeugen. Du müsstest also eine CSS-Regel definieren wie folgt:
Code:
figure {
  display: inline-block;
}
 
Ähnliche Themen Forum Antworten Erstelldatum des Themas
Neu Bilder mit .webp Format JTL-Shop - BETA - Feedback und Bugmeldungen 7
Gelöst Bilder upload mit SEO funzt nicht WooCommerce-Connector 2
Neu Bilder Einrichtung von JTL-Shop 2
Neu Bilder im Firmenlogo-Projektbaustein entfernen User helfen Usern - Fragen zu JTL-Wawi 5
Neu Bilder auf Artikelliste einblenden Allgemeine Fragen zu JTL-Shop 14
Neu Shop Artikel Bilder plus Artikel Videos Einrichtung von JTL-Shop 3
Neu Bilder in der Signatur Servicedesk (Beta) 11
In Bearbeitung Bilder verschwunden in jtl wawi 1.5.26 JTL-Wawi - Fehler und Bugs 3
Neu Bilder vererben 1.5.26 JTL-Wawi - Fehler und Bugs 3
Neu Bilder/Sliderbreiten im 5er Shop JTL-Shop - BETA - Feedback und Bugmeldungen 0
Neu Bilder falsch dargestellt. - dringend- JTL-Shop - Fehler und Bugs 6
Neu Konfigurationsartikel Bilder vergrößern Betrieb / Pflege von JTL-Shop 6
Neu Bilder im Shop Allgemeine Fragen zu JTL-Shop 3
Neu Bilder werden im Shop nicht immer angezeigt Allgemeine Fragen zu JTL-Shop 2
Neu Dropper / Bilder User helfen Usern - Fragen zu JTL-Wawi 0
Neu Alle Bilder löschen? User helfen Usern - Fragen zu JTL-Wawi 11
Neu Dunkle/schwarze Bilder im Shop User helfen Usern - Fragen zu JTL-Wawi 1
Neu Bilder ohne CSV ? Arbeitsabläufe in JTL-Wawi 11
Neu Shop verliert nach dem Bearbeiten Links und Bilder auf der Startseite Allgemeine Fragen zu JTL-Shop 3
Gelöst Shop verliert nach dem Bearbeiten Links und Bilder auf der Startseite Gelöste Themen in diesem Bereich 3
Neu Bilder von Variationskombinationen werden nicht angezeigt (im Master vom 07.07.) JTL-Wawi - Fehler und Bugs 14
Neu Bilder-Hochskalierung lässt sich nicht abschalten JTL-Shop - BETA - Feedback und Bugmeldungen 6
Offen Online-Shop Abgleich Woocommerce Bilder werden nicht importiert. WooCommerce-Connector 3
Offen Frage zu Bilder WooCommerce-Connector 2
Neu artikebeschreibung Bilder einfügen User helfen Usern - Fragen zu JTL-Wawi 2
Neu Wie kann man Bilder von Elementsammlung löschen? Druck-/ E-Mail-/ Exportvorlagen in JTL-Wawi 0
Neu Avast blokiert Bilder auf eBay eBay-Anbindung - Fehler und Bugs 5
Neu Bilder im JTL Shop über Wawi aktualisieren Betrieb / Pflege von JTL-Shop 8
Neu Bilder aus Vorlage kopieren Druck-/ E-Mail-/ Exportvorlagen in JTL-Wawi 1
Gelöst Amazon Bilder können nicht hochgeladen werden Amazon-Anbindung - Fehler und Bugs 4
Neu Kategorien ohne Bilder ausgeben User helfen Usern - Fragen zu JTL-Wawi 1
Neu Bilder Variationskombinationen nur in der Vorschau sichtbar JTL-Shop - Fehler und Bugs 6
Neu JTL Ameise Artikel ohne Bilder importieren JTL-Ameise - Fehler und Bugs 7
In Bearbeitung Bilder übertragen Gambio-Connector 1
Neu ? Produktbilder in WaWi 1.5.21.3 (Bilder werden nicht in WaWi übernommen) JTL-Wawi - Fehler und Bugs 1
Neu Darstellung Bilder JTL Shop 4 Allgemeine Fragen zu JTL-Shop 2
Neu Megamenu lädt Bilder auch auf Mobile? Templates für JTL-Shop 1
In Diskussion Bug? Ändern der URL einer Kategorie aktiviert Bilder der Unterkategorie Gambio-Connector 1
Neu Bilder in der Beschreibung - JTL Shop 5 JTL-Shop - BETA - Feedback und Bugmeldungen 1
In Bearbeitung Woocomerce Bilder Artikelnummer WooCommerce-Connector 1
Neu Bilder werden übetragen aber im Shop nicht angezeigt. Einrichtung von JTL-Shop 3
Neu Probleme mit Lieferadresse bei deaktivierten JS Allgemeine Fragen zu JTL-Shop 0
Neu Button in JTL-WAWI/WMS mit eigenen Funktionen/Workflow verknüpfen JTL-Workflows - Ideen, Lob und Kritik 0
Neu 2 gleiche Artikel mit unterschiedlichen Steuersätzen Arbeitsabläufe in JTL-Wawi 0
Neu Problem mit langem Artikelnamen auf dem BON JTL-POS - Fehler und Bugs 0
Neu Problem mit Datenbank-Import nach Wawi (PC)-Neuinstallation Win 7 auf Win 10 User helfen Usern - Fragen zu JTL-Wawi 10
Gelöst Array mit eigenen Werten erstellen und dann mit for-Schleife auslesen? JTL-Workflows - Ideen, Lob und Kritik 3
Gelöst Problem mit den Steuersätzen Shopify-Connector 2
In Bearbeitung Problem mit Kreditkartenzahlung SumUp bei Unterschriften JTL-POS - Fragen zu Hardware 1
Neu Wareneingang mit JTL Retoure User helfen Usern - Fragen zu JTL-Wawi 0
Ähnliche Themen