Seite 1 von 1

Image einbinden bereitet Probleme

Verfasst: Do 10. Okt 2019, 12:37
von FriedrichA
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

Re: Image einbinden bereitet Probleme

Verfasst: Do 10. Okt 2019, 13:06
von blickfang
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

Re: Image einbinden bereitet Probleme

Verfasst: Do 10. Okt 2019, 13:16
von ramon
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)

Re: Image einbinden bereitet Probleme

Verfasst: Do 10. Okt 2019, 13:55
von FriedrichA
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é