Hallo liebe Gambio Gemeinschaft, ich habe eine "ÜBER UNS" Seite in meinem Shop erstellt. Diese ist unter folgendem Link zu finden: https://www.saebis.de/info/ueber-uns.html In der Desktop Ansicht schaut das Ganze mehr oder weniger wie gewollt aus. In der Mobilen Ansicht allerdings sieht alles verzerrt aus. Unten habe ich den HTML Code eingeblendet. Kann mir bitte jemand sagen, wie ich diesen anpassen muss, damit die Mobile Ansicht nicht mehr verzerrt ist etc. Vielen Dank im Voraus für die Hilfe. HTML: <table align="center" class="table table-striped table-features" height="2008" width="401"> <thead> </thead> <tbody> <tr> <td style="width: 18px;"><img alt="" class="img-responsive" src="images/image/alexander_zeitler.jpg" style="width: 354px; height: 600px;" /></td> <td style="width: 355px; text-align: center;"> <div style="text-align: right;"> <strong>Alexander alias „Sanya“</strong><br /> <br /> Meine Aufgaben bei <strong>SAEBIS ®</strong>:<br /> <br /> Ich werde bei uns als der „kreative Kopf“ bezeichnet. Ich bin für das Marketing und für alle Social Media Kanäle bei uns verantwortlich. Jeder Post, jede Story, jedes Gewinnspiel oder sämtliche Aktivitäten, sei es Instagram oder Facebook, ist auf meinem Mist gewachsen :D, #sorrydafür #schuldig<br /> <br /> Neben <strong>SAEBIS ®</strong> bin ich:<br /> <br /> Master of Science International Economics and Management<br /> <br /> Mein Lieblingsprodukt:<br /> <br /> <br /> <br /> </div> <div style="text-align: right;"> <a href="https://www.saebis.de/Maenner/saebis-black-logo-white-t-shirt-m.html" target="_blank"><img alt="" class="img-responsive" src="images/saebis_small_man.jpg" style="width: 210px; height: 250px; float: right;" /></a> </div> </td> </tr> <tr> <td style="width: 18px;"><img alt="" src="images/instagram-png-instagram-png-logo-1455.jpg" style="width: 23px; height: 23px;" /><span style="color:#000000;"> </span><a href="https://www.instagram.com/sanya.sunshine/" target="_blank"><span style="color:#000000;"><strong>@sanya.sunshine</strong></span></a></td> <td style="width: 355px;"> </td> </tr> <tr> <td style="width: 18px;"> </td> <td style="width: 355px;"> </td> </tr> <tr> <td style="width: 18px;"><strong>Viktor alias „Hector“</strong><br /> <br /> Meine Aufgaben bei <strong>SAEBIS ®</strong>:<br /> <br /> Ich bin bei uns eher der sachliche Typ. Deshalb bin ich bei uns für sämtliche Themen rund um Finanzen zuständig. Im Office nennen mich die anderen beiden deshalb „der Zahlenfuchs“ :D. Auf Grund meines Backgrounds bin ich bei uns für das Rechtliche zuständig und arbeite eng mit unserem Steuerberater zusammen.<br /> <br /> Neben <strong>SAEBIS ®</strong> bin ich:<br /> <br /> Teamleiter in einer Anwaltskanzlei (Forderungsmanagement)<br /> <br /> Mein Lieblingsprodukt:<br /> <br /> <br /> <br /> <a href="https://www.saebis.de/Maenner/saebis-white-logo-hoodie-m.html" target="_blank"><img alt="" class="img-responsive" src="images/black_hoodie.jpg" style="width: 210px; height: 250px;" /></a></td> <td style="width: 355px;"><img alt="" class="img-responsive" src="images/image/viktor_frank.jpg" style="height: 600px; width: 354px; float: right;" /></td> </tr> <tr> <td style="width: 18px;"> </td> <td style="width: 355px; text-align: right;"><a href="https://www.instagram.com/vikfrnk/" target="_blank"><span style="color:#000000;"><strong>@vikfrnk</strong></span></a> <img alt="" src="images/instagram-png-instagram-png-logo-1455.jpg" style="width: 23px; height: 23px;" /></td> </tr> <tr> <td style="width: 18px;"> </td> <td style="width: 355px;"> </td> </tr> <tr> <td style="width: 18px;"><img alt="" class="img-responsive" src="images/image/ivan_rach.jpg" style="width: 354px; height: 600px;" /></td> <td style="width: 355px;"> <div style="text-align: right;"> <strong>Ivan alias „HA-HA“</strong><br /> <br /> Meine Aufgaben bei <strong>SAEBIS ®</strong>:<br /> <br /> Ich bin der Doktor, der sich um das „Herzstück“ von <strong>SAEBIS ®</strong> kümmert, nämlich den Shop :D. Ich sorge dafür, dass sich unsere Kunden im <strong>SAEBIS ®</strong> Shop stets wohlfühlen. Darüber hinaus stehe ich unseren Kunden jederzeit als Ansprechpartner zur Verfügung.<br /> <br /> Neben <strong>SAEBIS ®</strong> bin ich:<br /> <br /> Kaufmann im Groß- & Außenhandel<br /> <br /> Mein Lieblingsprodukt: </div> <br /> <br /> <br /> <br /> <a href="https://www.saebis.de/Maenner/saebis-matryoshka-t-shirt-oversized-m.html" target="_blank"><img alt="" class="img-responsive" src="images/matryoshka_man_shirt.jpg" style="width: 210px; height: 250px; float: right;" /></a></td> </tr> <tr> <td style="width: 18px;"><img alt="" src="images/instagram-png-instagram-png-logo-1455.jpg" style="width: 23px; height: 23px;" /> <a href="https://www.instagram.com/ivan.saebis/" target="_blank"><span style="color:#000000;"><strong>@ivan.saebis</strong></span></a></td> <td style="width: 355px;"> </td> </tr> </tbody> </table> <div> <br /> <br /> <br /> </div> <div style="text-align: center;"> <br /> Das Wort „<strong>SAEBIS</strong>“ (ausgesprochen: sa-e-bis) wird im Russischen als Ausdruck für das Gefühl der Freude, Begeisterung und Euphorie genutzt. </div> <div style="text-align: center;"> <br /> Genau diese positiven Eigenschaften haben wir selbst verinnerlicht und es uns als Ziel gesetzt, daraus einen Lifestyle zu kreieren und diesen mit Dir zu teilen.<br /> Der <strong>SAEBIS</strong>-<strong>Lifestyle </strong>richtet sich insbesondere an jeden, der Freiheit, Mut und Selbstverwirklichung anstrebt oder diese bereits verkörpert.<br /> <br /> <br /> <span style="font-size:20px;"><strong>Sei dabei, sei SAEBIS!</strong></span> </div>
Indem du auf die Tabelle verzichtest. Tabellen und Handyansicht in der Form geht nicht. Schau dir die beiden Demoshops (Startseite) im Contenteditor (Quellcode) an.
übrigens brauchen Bilder mit +500 KB viiiiiel Zeit zum Laden, auch wenn sie nachher ganz klein aussehen...