Image einbinden bereitet Probleme Beitrag ist gelöst

Fragen zum Erstellen von Templates für webEdition.
FriedrichA
Junior Member
Beiträge: 25
Registriert: Do 11. Sep 2014, 15:55

Image einbinden bereitet Probleme

Beitragvon FriedrichA » Do 10. Okt 2019, 12:37

Hallo,
wir haben außerhalb webEdition eine Vorlage erstellt, die nun in webEdition eingebunden werden soll.

Im Header soll ein Bild eingebunden werden:
<we:img name="haederImg" class="img-fluid" width="100%" height="auto" />

das ist die Originalzeile:
<img src="gfx/header/dummy.jpg" class="img-fluid" alt="" width="100%" height="auto">

Nach Umsetzung in webEdition fehlen im Quellcode einige Attribute, wie width: 100% height: auto und class="img-fluid", so das das Bild nicht auf 100% Seitenbreite und angepasster Höhe skaliert wird. Kennt jemand dafür eine Lösung?

Besten Dank schon vorab.

Viele Grüße
André Friedrich

Benutzeravatar
biwaMedia
webEdition Partner
webEdition Partner
Beiträge: 661
Registriert: Mo 15. Dez 2003, 16:00
Kontaktdaten:

Re: Image einbinden bereitet Probleme  Beitrag ist gelöst

Beitragvon biwaMedia » Do 10. Okt 2019, 13:06

Hi André,
abgesehen davon, dass ich die Attribute alle über css definieren würde, kannst du Attribute durh cden webEdition Tag "schleifen", wenn du

Code: Alles auswählen

pass_class="meineklasse"
schreibst. also das "pass_" vor das Attribut setzen.
VG, Timo
webEdition Partner - http://www.blickfang-media.com
Vorstand im webEdition e.V. (Kassenwart)

ramon
webEdition Partner
webEdition Partner
Beiträge: 102
Registriert: Do 1. Jan 1970, 02:00
Wohnort: Weimar
Kontaktdaten:

Re: Image einbinden bereitet Probleme

Beitragvon ramon » Do 10. Okt 2019, 13:16

Es gab einmal bei einer Version Probleme mit dem Tag da wurde class entfernt. Das funktioniert aber jetzt alles ohne Probleme

Ich verwende den IMG Tag auch mit "class".

Beispiel:
<we:img name="content-img" class="img-fluid" />

Übrigens kannst du width="100%" und height="auto" weglassen das macht "img-fluid" schon. (bei Bootstrap 4)
bindestrich - media.
http://www.bindestrich.com
Agentur für Grafikdesign & Webdesign

FriedrichA
Junior Member
Beiträge: 25
Registriert: Do 11. Sep 2014, 15:55

Re: Image einbinden bereitet Probleme

Beitragvon FriedrichA » Do 10. Okt 2019, 13:55

Hallo Timo,
Deine Lösung hat mir geholfen. Vielen Dank.

Dankeschön auch an Ramon.
Den Ansatz <we:img name="content-img" class="img-fluid" /> hatte ich zuerst angewendet. Nachdem die Seite veröffentlicht wurde, fehlte immer wiede der Teil cass="img-fluid".

Viele Grüße
André


Zurück zu „webEdition Templates erstellen (we:Tags)“

Wer ist online?

Mitglieder in diesem Forum: 0 Mitglieder und 8 Gäste