Hallo, ich habe drei gleiche große Bilder welche ich gerne responsive angezeigt bekommen haben möchte. Sobald ich dieses unter Bildeigenschaften einstelle werden diese am PC aber leider untereinander angezeigt. Diese sollen aber nebeneinander angezeigt werden. Was muss ich machen , damit die Bilder trotz responsive nebeneinander angezeigt werden?
Die Bildoptionen sind nur für Artikelbilder, hier geht es um Bilder, die auf der Startseite eingefügt wurden. Die werden nicht vom Image-processing erfasst, oder durch Einstellungen in den Optionen geändert. Das muss man selber machen Schau mal in den Post #30, ich glaube da steht der Code.
Bin leider noch nicht wirklich weiter gekommen. Wie bekomme ich die drei Bilder auf der Indexseite eingefügt, dass diese Mobil und auf dem Deskop vernünftig angezeigt werden?
Schreibe doch mal bitte genau, was bei Dir nciht passt und wie Dein Code aussieht. Oder gib uns einen Link, das wir schauen können.
Also ich habe drei Foto auf der Indexseite nebeneinander eingefügt (siehe Bild). auf dem Deskop sieht alles super aus. Wechselt man nun auf die Smartphoneansicht, dann bleiben Sie von der Größe gleich wobei das Umfeld angepasst wurde. Wenn ich die Bilder über die Bildeigenschaften auf responsive stelle, dann werden die Bilder in der Deskopversion nur noch untereinander angezeigt und in der mobilen Ansicht teilweise überlappend. Ohne irgendeine Struktur. Also mein Ziel ist es , Fotos welche ich auf die Indexseite einfüge, sollen bei jeder Ansichtsvariante entsprechend dargestellt werden.
Wenn Du mehrere Bilder responsive nebeneinadner haben möchtest, musst du sie in ein <div class="row"> packen. HTML: <div class="row "> <div class="col-xs-12 col-sm-4 "> <a href="/Kategorie/Unterkategorie/Unterunterkategorie/"><img class="img-responsive" src="images/Pfad zu Deinem bild/Bildname.jpg"></a> </div> <div class="col-xs-12 col-sm-4 "> <a href="/Kategorie/Unterkategorie/Unterunterkategorie/"><img class="img-responsive" src="images/Pfad zu Deinem bild/Bildname.jpg"></a> </div> <div class="col-xs-12 col-sm-4 "> <a href="/Kategorie/Unterkategorie/Unterunterkategorie/"><img class="img-responsive" src="images/Pfad zu Deinem bild/Bildname.jpg"></a> </div> </div> Damit sind auf dem Desktop 3 Bilder nebeneinander und Mobil untereinander (Diese Bilder sind mit Link zu einer Kategorie)
Hallo Barbara, hätte doch noch eine Frage Und zwar werden die Bilder nun responsive in der mobilen Version angezeigt. Aber direkt untereinander ohne lediglichen Abstand. Kann man es hinbekommen, dass die Bilder den Abstand in allen Ansichten beibehalten?