Hallo ihr lieben Leut Jaaaa schon wieder ich. (Wehe ihr führt mal eine anti Spamdanifragestellfunktion ein) Ihr kennt vermutlich alle das Problem, dass ich euch hier schildere. Ich habe im Gambio Admin "Contentmanager" eine Contentseite erstellt, um etwas zu beschreiben: (Bild: PNG, Auflösung 500*285) Wenn ich mir dies im Desktop betrachte, sieht das so aus (Man achte auf das Bild): Wenn ich jetzt aber in die Mobile Ansicht wechsle im StyleEdit3, dann sieht das so aus: Also das Bild kommt über den Rand hinaus, weil es nicht wie der Text responsive ist. Das Bild in ein kleines Format verändern ist sicherlich keine Lösung, weil es dann auf dem Desktop doof aussieht. Wie ist euer Vorgehen hier? Wie schafft ihr es eine Seite auf Tablet (liegend und gerade), Mobile (liegend und gerade) und auf dem Desktop korrekt anzuzeigen? Was ist euer Geheimnis? Ihr seid sicherlich auch alle über diese Probleme gestolpert, helft mir doch bitte wieder hoch. Lieber Gruss Dani
Du musst den Bilder sagen wie groß sie sein sollen. z.b. durch Prozentwerte bei der breite oder Höhe. oder dich weiter mit css und html5 beschäftigen. am einfachsten wäre aber erst mal die ANgabe in prozenten z.b. Code: img { width: 90%; height: auto; }
Habe das gerade versucht, das mit dem 90% klappte nicht so ganz, weil dann hatte er mir das Smiley riesengross gemacht. In dem Fall müsste ich ein Mediaqueries erstellen und genau definieren, was für wo gilt Sieht nach trockener Lesekost aus ) (Link nur für registrierte Nutzer sichtbar.) Besten Dank für eure Tipps Dani
Wenn das Bild über die komplette Seite gehen soll dann sollte es andere Maße bekommen. Die Shopbreite steht normal auf 1200px. Probier mal das Bald auf die Maße von ca. 1190 x 285 px zu bekommen. Dann schreibst Du den Text der Oberhalb des Bildes sein soll. Danach probiert Du mal diesen Code: <img class="img-responsive space-1" data-image="XXXXXX" data-image-lg="XXXXXX" data-image-xs="XXXXXX" src="XXXXXXX" /><br /> Die XXXXXX ersetzt Du mit dem Pfad zu Deinem Bild. Danach einfach mit dem Text weitermachen. Bevor Du alles schreibst, erst mal mit etwa Text testen.