Bilder einbinden in extra Seiten "max-width: 100%" Wie geht das?

[Einrad-Shop]

hallo,

bei Bildern in den extra Seiten muß man irgendwie "max-width: 100%" einfügen, damit sich die größe ändert, wenn es mobil angeschaut wird.
Wie geht das denn?

 

[XYZ]

AW: Bilder einbinden in extra Seiten "max-width: 100%" Wie geht das?

Hast Du das Bild über Shopbackend-CMS direkt über die Startseite eingebunden? Dann wechsel im Editor mal auf die Quellcodeansicht und füge folgender Zeile das hinzu:

<img alt="Einrad-Shop Einradladen Einradversand" src="/einrad-shop_einradladen_einradversandl.jpg" [COLOR="#FF0000"]style="width: 530px; max-width: 100%"[/COLOR]>

 

[ag-websolutions.de]

AW: Bilder einbinden in extra Seiten "max-width: 100%" Wie geht das?

Wobei ich dafür dann auch ein Bild verwenden würde, was die notwendige Größe/Auflösung hat.

Deins auf der Startseite wird durch den Eintrag zwar größer, aber auch deutlich unschärfer.

 

[XYZ]

AW: Bilder einbinden in extra Seiten "max-width: 100%" Wie geht das?

Wobei ich dafür dann auch ein Bild verwenden würde, was die notwendige Größe/Auflösung hat.

Deins auf der Startseite wird durch den Eintrag zwar größer, aber auch deutlich unschärfer.

Habs schon angepasst und zusätzlich noch die fixe Bildbreite eingetragen.

 

[Einrad-Shop]

AW: Bilder einbinden in extra Seiten "max-width: 100%" Wie geht das?

Wie kann man zusätzlich eine fixe breite machen?

 

[Einrad-Shop]

AW: Bilder einbinden in extra Seiten "max-width: 100%" Wie geht das?

Da gibt es wohl gravierende technische probleme bei den eigenen Seiten im Shop 4.0

Wenn ich die Seite speichere löscht es mir den kompletten In halt aus dem Editor. Meta angaben und Titelangaben bleiben.
Ich kann kein Bild speichern, d.h. jedes Bild wird beim erneuten speichern gelöscht.
Das verhalten ist mir im Template schon beim favicon auf gefallen, sobald man speichert wird das Bild gelöscht.
Identisch in der seitenbearbeitung wie in den Templateeinstellungen.

 

[Einrad-Shop]

AW: Bilder einbinden in extra Seiten "max-width: 100%" Wie geht das?

Noch eine bessere Lösung gefunden:

<img src="URL" class="img-responsive"/>