Grafiken Index.php

Thema wurde von Daniel Hoffmann, 26. Februar 2018 erstellt.

  1. Daniel Hoffmann
    Daniel Hoffmann Mitglied
    Registriert seit:
    28. September 2012
    Beiträge:
    21
    Danke erhalten:
    0
    Hallo alle zusammen,
    irgendwie stelle ich mich zu blöd an.

    Wir sind von GX2 auf GX3 umgestiegen.

    Nun ist es in GX3 ja generell so , dass der Shop auf unterschiedlichen Endgeräten verschieden ausgegeben wird.
    Wenn wir mit dem Teaser-Slider und Banner Manager arbeiten, dann funtktioniert das auch alles.

    Sobald wir aber nun im Content Manager eine Grafik auf die Startseite packen, wird diese nur auf DESKTOP PCs vernünftig angezeigt . z.B. auf Handys wird das Bild nicht angepasst.

    Somit zu meiner Frage, wie bekomme ich ein Bild auf der Startseite hin, welches auf allen Endgeräten angepasst ist.

    VIELEN DANK!
     
  2. Wilken (Gambio)
    Wilken (Gambio) Erfahrener Benutzer
    Registriert seit:
    7. November 2012
    Beiträge:
    18.737
    Danke erhalten:
    7.311
    Danke vergeben:
    2.208
    Gib der Grafik keine Grösse in Pixeln, aber die Klasse img-respsonsive.
     
  3. Daniel Hoffmann
    Daniel Hoffmann Mitglied
    Registriert seit:
    28. September 2012
    Beiträge:
    21
    Danke erhalten:
    0
    Hallo, erstmal DANKE .

    Wo finde ich denn die "KLASSE"?

    Ich habe
    BREITE, HÖHE,RAHMEN, Horizontal-Abstand, Vertikal-Abstand, Ausrichtung
     
  4. ReneT
    ReneT Erfahrener Benutzer
    Registriert seit:
    1. Dezember 2016
    Beiträge:
    708
    Danke erhalten:
    232
    Danke vergeben:
    67
    einfach mal nach "img-responsive" hier im Forum suchen... das Thema wurde schon mehrfach besprochen...
     
  5. Anonymous
    Anonymous Erfahrener Benutzer
    Mitarbeiter
    Registriert seit:
    22. Juni 2011
    Beiträge:
    4.760
    Danke erhalten:
    1.749
    Danke vergeben:
    137
  6. Daniel Hoffmann
    Daniel Hoffmann Mitglied
    Registriert seit:
    28. September 2012
    Beiträge:
    21
    Danke erhalten:
    0
    Vielen DANK für die Hilfe. Wie vorgeschlagen habe ich img-responsive an der markierten Stelle eingefügt. Keine Pixel Angabe in Höhe und Breite hinterlegt. Auf dem Handy sieht aber alles aus wie vorher. Das Bild ist 3 x so breit wie der Bildschirm...

    Hier der Quelltext der Index Seite

    <div style="text-align: center;">
    <div style="text-align: center;">
    <br />
    <strong><span style="font-size: large;">Herzlich Willkommen im Onlineshop der Firma Fahrzeugteile Hoffmann.</span></strong>
    </div>
    </div>

    <div style="text-align: center;">
    <br />
    <br />
    <strong>Unser Liefersortiment umfasst u.a. Schleifmittel, Poliermittel, Lacksprays, technische Chemie, Spachtelmassen,<br />
    Trennscheiben, F&auml;cherscheiben, Druckluftwerkzeuge, Werkzeuge und vieles mehr...<br />
    <br />
    Alle Produkte werden direkt ab Hersteller oder Importeur bezogen, <u><span style="color: rgb(255, 0, 0);">diesen Preisvorteil geben wir direkt an Sie weiter!</span></u><br />
    <br />
    Bei vielen Produkten wurden Mengerabatte hinterlegt, somit entsteht f&uuml;r Sie bei<br />
    Verbrauschsmitteln ein weiterer Preisvorteil...<br />
    <br />
    <img alt="" class="img-respsonsive" src="images/Rotweiss_polierschwamm.jpg" /></strong><br />
    <br />
    <br />
    <br />
    &nbsp;
    </div>
     
  7. ReneT
    ReneT Erfahrener Benutzer
    Registriert seit:
    1. Dezember 2016
    Beiträge:
    708
    Danke erhalten:
    232
    Danke vergeben:
    67
    evtl. wäre hier ein Link zum Problem sehr hilfreich...

    Der o.g. Quellcode müsste mal bereinigt werden 2x hintereinander <div style="text-align: center;">...
    Hier sind schon ein paar HTML uns CSS Kenntnisse nötig.

    Empfehlung... Schau dir mal die beiden Demoshops an, da kann man als Ungeübter echt viel abschauen.
     
  8. Daniel Hoffmann
    Daniel Hoffmann Mitglied
    Registriert seit:
    28. September 2012
    Beiträge:
    21
    Danke erhalten:
    0
    Hallo, nun klappt es... :)
    Einfach den gesamten Quelltext gelöscht und nach euren Tipps neu angelegt.