Content Seite "ÜBER UNS" Anpassung Desktop & Mobile Ansicht

Thema wurde von Anonymous, 6. Dezember 2019 erstellt.

  1. Anonymous

    Anonymous Erfahrener Benutzer

    Registriert seit:
    18. März 2019
    Beiträge:
    54
    Danke erhalten:
    1
    Danke vergeben:
    31
    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 &bdquo;Sanya&ldquo;</strong><br />
                    &nbsp;<br />
                    Meine Aufgaben bei <strong>SAEBIS &reg;</strong>:<br />
                    &nbsp;<br />
                    Ich werde bei uns als der &bdquo;kreative Kopf&ldquo; bezeichnet. Ich bin f&uuml;r das Marketing und f&uuml;r alle Social Media Kan&auml;le bei uns verantwortlich. Jeder Post, jede Story, jedes Gewinnspiel oder s&auml;mtliche Aktivit&auml;ten, sei es Instagram oder Facebook, ist auf meinem Mist gewachsen :D, #sorrydaf&uuml;r #schuldig<br />
                    &nbsp;<br />
                    Neben <strong>SAEBIS &reg;</strong> bin ich:<br />
                    &nbsp;<br />
                    Master of Science International Economics and Management<br />
                    &nbsp;<br />
                    Mein Lieblingsprodukt:<br />
                    <br />
                    <br />
                    <br />
                    &nbsp;
                </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;">&nbsp;</td>
            </tr>
            <tr>
                <td style="width: 18px;">&nbsp;</td>
                <td style="width: 355px;">&nbsp;</td>
            </tr>
            <tr>
                <td style="width: 18px;"><strong>Viktor alias &bdquo;Hector&ldquo;</strong><br />
                &nbsp;<br />
                Meine Aufgaben bei <strong>SAEBIS &reg;</strong>:<br />
                &nbsp;<br />
                Ich bin bei uns eher der sachliche Typ. Deshalb bin ich bei uns f&uuml;r s&auml;mtliche Themen rund um Finanzen zust&auml;ndig. Im Office nennen mich die anderen beiden deshalb &bdquo;der Zahlenfuchs&ldquo; :D. Auf Grund meines Backgrounds bin ich bei uns f&uuml;r das Rechtliche zust&auml;ndig und arbeite eng mit unserem Steuerberater zusammen.<br />
                &nbsp;<br />
                Neben <strong>SAEBIS &reg;</strong> bin ich:<br />
                &nbsp;<br />
                Teamleiter in einer Anwaltskanzlei (Forderungsmanagement)<br />
                &nbsp;<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;">&nbsp;</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>&nbsp;<img alt="" src="images/instagram-png-instagram-png-logo-1455.jpg" style="width: 23px; height: 23px;" /></td>
            </tr>
            <tr>
                <td style="width: 18px;">&nbsp;</td>
                <td style="width: 355px;">&nbsp;</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 &bdquo;HA-HA&ldquo;</strong><br />
                    &nbsp;<br />
                    Meine Aufgaben bei <strong>SAEBIS &reg;</strong>:<br />
                    &nbsp;<br />
                    Ich bin der Doktor, der sich um das &bdquo;Herzst&uuml;ck&ldquo; von <strong>SAEBIS &reg;</strong> k&uuml;mmert, n&auml;mlich den Shop :D. Ich sorge daf&uuml;r, dass sich unsere Kunden im <strong>SAEBIS &reg;</strong> Shop stets wohlf&uuml;hlen. Dar&uuml;ber hinaus stehe ich unseren Kunden jederzeit als Ansprechpartner zur Verf&uuml;gung.<br />
                    &nbsp;<br />
                    Neben <strong>SAEBIS &reg;</strong> bin ich:<br />
                    &nbsp;<br />
                    Kaufmann im Gro&szlig;- &amp; Au&szlig;enhandel<br />
                    &nbsp;<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;">&nbsp;</td>
            </tr>
        </tbody>
    </table>
    
    <div>
        <br />
        <br />
        <br />
        &nbsp;
    </div>
    
    <div style="text-align: center;">
        <br />
        Das Wort &bdquo;<strong>SAEBIS</strong>&ldquo; (ausgesprochen: sa-e-bis) wird im Russischen als Ausdruck&nbsp; f&uuml;r das Gef&uuml;hl der Freude, Begeisterung und Euphorie genutzt.
    </div>
    
    <div style="text-align: center;">
        &nbsp;<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&ouml;rpert.<br />
        &nbsp;<br />
        &nbsp;<br />
        <span style="font-size:20px;"><strong>Sei dabei, sei SAEBIS!</strong></span>
    </div>
     
  2. FRAGO

    FRAGO Erfahrener Benutzer

    Registriert seit:
    5. Dezember 2019
    Beiträge:
    779
    Danke erhalten:
    242
    Danke vergeben:
    100
    Indem du auf die Tabelle verzichtest. Tabellen und Handyansicht in der Form geht nicht.
    Schau dir die beiden Demoshops (Startseite) im Contenteditor (Quellcode) an.
     
  3. Peter Müller

    Peter Müller Erfahrener Benutzer

    Registriert seit:
    12. Januar 2019
    Beiträge:
    103
    Danke erhalten:
    17
    Danke vergeben:
    42
    übrigens brauchen Bilder mit +500 KB viiiiiel Zeit zum Laden, auch wenn sie nachher ganz klein aussehen...
     
  4. Anonymous

    Anonymous Erfahrener Benutzer

    Registriert seit:
    26. November 2015
    Beiträge:
    2.466
    Danke erhalten:
    396
    Danke vergeben:
    1.173
    Und so sieht das Ganze bei mir am PC aus:

    saebis.JPG