Unterschiedliche Ansicht zwischen Contentmanager und Shop

Thema wurde von NIKKI, 26. Juni 2018 erstellt.

  1. NIKKI

    NIKKI Erfahrener Benutzer

    Registriert seit:
    5. April 2016
    Beiträge:
    64
    Danke erhalten:
    1
    Danke vergeben:
    9
    Hallo zusammen,

    ich habe sehr wenig Ahnung von html, deshalb bitte nicht gleich hauen :-D

    Wenn ich im Contentmanager eine Spalte im Footer bearbeite stelle ich die Logos so ein, dass die von der Größe her gut zusammen passen.

    Das untere Bild war zuerst deutlich größer dargestellt und so habe ich es im img-Tag verkleinert.
    <img alt="Händlerbund FairComerce Logo" src="https://www.nikki-service.com/Bilder/fairCommerceLogo.png" style="height: 15%; width: 15%;" />

    1.png

    Danach sieht es in der Vorschau des Content-Managers so aus und damit war ich zufrieden.
    --> gespeichert.

    --> Werk auf dem Shop begutachtet

    ups.
    2.png

    Klar kann ich jetzt wieder so lange die Größe im Contentmanager bearbeiten und im Shop checken ob es jetzt gut aussieht, aber das ist ja doch eher mühsam.

    Warum wird das so unterschiedlich angezeigt?
    Wie arbeitet Ihr so etwas ab ohne immer zwischen den Ansichten Contentmanager und Shop hin und her switchen zu müssen?

    Danke
    Gruß Lars
     
  2. Dennis (MotivMonster.de)

    Dennis (MotivMonster.de) G-WARD 2013/14/15/16

    Registriert seit:
    22. September 2011
    Beiträge:
    30.984
    Danke erhalten:
    6.096
    Danke vergeben:
    1.079
    Beruf:
    Mann für alles :)
    Ort:
    Weilburg
    15% von was ist da immer die Frage.
    Am Monitor im Shop sind noch viel mehr CSS Vorgaben und so als in der einfachen Vorschau.
    Gerade im Footer wird das in die Spalte gepackt. Die hat ne Breite x und ggf. muss daher das Bild kleiner werden.

    Ohne Link zur Seite kann man nicht sagen was da greift bei dem Bild.
    Generell solltest du Bilder aber nicht verkleinern mittels CSS sondern in der Richtigen gebrauchten Größe speichern.
     
  3. barbara

    barbara G-WARD 2014-2020

    Registriert seit:
    14. August 2011
    Beiträge:
    35.352
    Danke erhalten:
    11.198
    Danke vergeben:
    1.601
    ich versuche die Bilder im Vorfeld auf die gleiche Größe zu setzten.
    Dann muss ich im Anschluss nichts anpassen, was sich womöglich in den einzelnen Bildschirmgrößen auch noch verschiebt.
     
  4. Dennis (MotivMonster.de)

    Dennis (MotivMonster.de) G-WARD 2013/14/15/16

    Registriert seit:
    22. September 2011
    Beiträge:
    30.984
    Danke erhalten:
    6.096
    Danke vergeben:
    1.079
    Beruf:
    Mann für alles :)
    Ort:
    Weilburg
    zumal auf 15% das heißt 85% unnötige Dateigröße und Ladezeiten
     
  5. NIKKI

    NIKKI Erfahrener Benutzer

    Registriert seit:
    5. April 2016
    Beiträge:
    64
    Danke erhalten:
    1
    Danke vergeben:
    9
    @Dennis (Print-Weilburg.de)
    15% von der Originalgröße würde ich vermuten.

    ok, also vor dem Einbinden eines Bildes überlegen wie groß es sein soll. Dann mit einem Bildbearbeitungsprogramm auf die richtige Größe bringen und dann erst einbinden. Klingt machbar ;-)

    danke
     
  6. Torben Wark

    Torben Wark Gambio GmbH

    Registriert seit:
    15. Juli 2014
    Beiträge:
    2.581
    Danke erhalten:
    1.178
    Danke vergeben:
    399
    Das ist leider falsch. Angabe von Prozentwerten im CSS für Breite und Höhe beziehen sich immer auf den umliegenden Container. Ist ein HTML-Element also selbst 100px groß würde die Angabe von 10% auf dem innenliegenden Bild bedeuten, dass das Bild selbst nur 10px groß wird.
     
  7. NIKKI

    NIKKI Erfahrener Benutzer

    Registriert seit:
    5. April 2016
    Beiträge:
    64
    Danke erhalten:
    1
    Danke vergeben:
    9
    ah ok, dass erklärt dann wahrscheinlich auch die unterschiedliche Ansicht im Contentmanager vs. Footer im Shop.
    Beim Contentmanager wird ja die komplette Bildschirmbreite beim Anzeigen der Vorschau verwendet und dann im Shop nur ca. 1/4 der Seite.
     
  8. Dennis (MotivMonster.de)

    Dennis (MotivMonster.de) G-WARD 2013/14/15/16

    Registriert seit:
    22. September 2011
    Beiträge:
    30.984
    Danke erhalten:
    6.096
    Danke vergeben:
    1.079
    Beruf:
    Mann für alles :)
    Ort:
    Weilburg
    Richtig. Im Shop greifen umliegende Elemente oft mit dazu. Daher ist es leider nicht 1zu1. also eher WHSIWY(evtl.)G