Hi Community, wir haben in unserem Gambioshop V3.11.1.2 in der Filter-Box eine Grafikdatei eingefügt. Diese ist 225px breit und für Desktop Ansichten okay. Hat jemand eine Idee wie man die Ausgabe auf 100% skalieren kann, sodass sich das PNG-Bild automatisch anpasst? Bei mobilen-Ansichten ist die Ausgabe zu klein und sieht iwie doof aus...
Jetziger Code: Code: <div id="filterbox-container"><p><img border="0" src="https://www.trc-tuning.com/images/trc/content/weathertech_partsfinder_trc1.png" width="220" height="198"></p> kann ich also width=100% eingeben, und height lass ich leer?
lass es doch mal auf einen Versuch ankommen... wer nichts wagt der nichts gew.... Kaput machen kann man da nichts.
Code: <img class="img-responsive" src="https://www.trc-tuning.com/images/trc/content/weathertech_partsfinder_trc1.png">
schon klar Habe mal die Breite mit 100% deffiniert und keine Höhe, damit sich diese dann von selbst ergibt. Da das Bild 225px Breite hat wird es in der Desktop Version auch richtig angezeigt, jedoch ändert dies nichts an der Mobilen-Ansicht, wo das Bild gestreckt werden müsste. Vielleicht versuche ich es nochmals, wenn ich den Code bei 100% lasse und das Bild auf 400px oder so vergrößere.. mal testen
Hat geklappt. Habe das Bild jetzt 400px breit gemacht, sodass es breiter als die Box ist, und auf 100% skalliert. Höhe habe ich keinen Wert deffiniert. Darstellung wird bei allen Ansichten automaatisch skalliert und sieht wunderbar aus.
daran hatte ich nicht gedacht. Das ist noch besser Danke für den Tip. Habe ich jetzt mal mit responsive gemacht und funktioniert genauso. Werde ich lassen. Macht einen besseren Eindruck als das Gewurstel mit 100%
bei einem responsiven Template, welches auf Bootstrap basiert, einfach nur mit den Mitteln des Frameworks arbeiten. Geht am einfachsten und du hast die ganzen Problem mit den Positionierungen nicht ...