Tab Spezifikationen wie im Test Shop1

Thema wurde von Agolar, 11. Juli 2016 erstellt.

  1. Agolar
    Agolar Mitglied
    Registriert seit:
    19. November 2014
    Beiträge:
    23
    Danke erhalten:
    3
    Danke vergeben:
    12
    Hallo

    Wie bekomme ich den Tab so wie im Test Shop 1 hin ? Den Code habe ich von dort kopiert. Ist ja nur eine Tabelle, also nicht besonders schwer umzusetzen. Nur leider bekomme ich es nicht hin das der Text so ordentlich wie im Test Shop bei mir steht. Die Lücke zwischen dem 1 und 2 Text ist einfach zu groß. Text 2 landet in der Mitte der Seite und das sieht nicht gerade schön aus.
     
  2. Dennis (MotivMonster.de)
    Dennis (MotivMonster.de) G-WARD 2013/14/15/16
    Registriert seit:
    22. September 2011
    Beiträge:
    31.303
    Danke erhalten:
    6.268
    Danke vergeben:
    1.118
    Beruf:
    Mann für alles :)
    Ort:
    Weilburg
    kannst du mal mit links / Screens zeigen was du wo genau meinst, und ohne deine Seite zu sehen (CSS) kjann man da nicht helfen.
     
  3. Agolar
    Agolar Mitglied
    Registriert seit:
    19. November 2014
    Beiträge:
    23
    Danke erhalten:
    3
    Danke vergeben:
    12
  4. barbara
    barbara G-WARD 2014-2020
    Registriert seit:
    14. August 2011
    Beiträge:
    35.657
    Danke erhalten:
    11.371
    Danke vergeben:
    1.616
    Du scheinst die Tabelle in zwei gleichgroße Spalten geteilt zu haben.
    Stelle die erste Spalte mal auf 30% und die 2. Spalte auf 70%
    Dann könnte es passen. Schau Dir das aber bitte auch auf mobilen Geräten an.
     
  5. Dennis (MotivMonster.de)
    Dennis (MotivMonster.de) G-WARD 2013/14/15/16
    Registriert seit:
    22. September 2011
    Beiträge:
    31.303
    Danke erhalten:
    6.268
    Danke vergeben:
    1.118
    Beruf:
    Mann für alles :)
    Ort:
    Weilburg
    den Testshop hat auch gerade jemand komplett zerschossen :D

    Wenn du Tabellen machst solltest du mit Prozenten bei der Breite arebeiten nciht mit Pixeln.
     
  6. Agolar
    Agolar Mitglied
    Registriert seit:
    19. November 2014
    Beiträge:
    23
    Danke erhalten:
    3
    Danke vergeben:
    12
    Danke, mit Prozent geht es. Hab die erste auf 10% und die zweite auf 90%. Muß noch was mit den Prozent spielen. Paßt auch auf mobilen Geräten. Zumindest wird es im Style Edit richtig angezeigt.

    Für den Fall das es noch jemand braucht oder will. Hier der Code.

    HTML:
    <table class="table table-striped table-features">
    <thead>
    <tr>
    <th colspan="2">DeineÜberschrift</th>
    </tr>
    </thead>
    <tbody>
    <tr>
    <td style="width:10%">TEXT</td>
    <td style="width:90%">WERT</td>
    </tr>
    <tr>
    <td>TEXT</td>
    <td>WERT</td>
    </tr>
    <tr>
    <td>TEXT</td>
    <td>WERT</td>
    </tr>
    <tr>
    <td>TEXT</td>
    <td>WERT</td>
    </tr>
    </tbody>
    </table>
     
  7. cemil09
    cemil09 Mitglied
    Registriert seit:
    11. Mai 2016
    Beiträge:
    8
    Danke erhalten:
    0
    Danke vergeben:
    1
    Wie bekommt man die grünen Häkchen vom Testshop1?

    Wenn ich den Code rauskopiere bekomme ich nur die Tabelle wie beschrieben, doch ich möchte auch die Häkchen.