[HTML] Tabelle nach rechts aufteilen?

Dieses Thema im Forum "Webdesign" wurde erstellt von YaLcIn, 9. Januar 2015 .

Status des Themas:
Es sind keine weiteren Antworten möglich.
  1. Diese Seite verwendet Cookies. Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies. Weitere Informationen
  1. #1 9. Januar 2015
    Zuletzt von einem Moderator bearbeitet: 14. April 2017
    Hi,

    weiß jemand wie ich die Tabelle nach rechts aufteilen kann?
    Die ist zu lang :D und rechts ist noch jede menge Platz frei.
    Ich will das "Mineralien" bis Schwefel nach rechts verschoben wird neben Nährwerte etc..daneben möchte ich auch etwas Platz lassen, aber ich kriege das leider nicht hin..

    Hier mal ein Foto:

    https://www0.xup.to/exec/ximg.php?fid=77513612


    Der Code:

    Code:
    <style type="text/css">
    .tg {border-collapse:collapse;border-spacing:0;}
    .tg td{font-family:Arial, sans-serif;font-size:14px;padding:10px 5px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;}
    .tg th{font-family:Arial, sans-serif;font-size:14px;font-weight:normal;padding:10px 5px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;}
    .tg .tg-17z5{background-color:#32cb00;color:#000000}
    .tg .tg-xxs3{background-color:#32cb00}
    </style>
    <table class="tg">
     <tr>
     <th class="tg-031e">Nährwerte 100 g</th>
     <th class="tg-031e"></th>
     <th class="tg-031e">Täglicher Bedarf</th>
     </tr>
     <tr>
     <td class="tg-031e">Energie</td>
     <td class="tg-031e">47 kcal</td>
     <td class="tg-031e"></td>
     </tr>
     <tr>
     <td class="tg-031e">Eiweiß</td>
     <td class="tg-031e">1,00 g</td>
     <td class="tg-031e">15% Energie</td>
     </tr>
     <tr>
     <td class="tg-031e">Kohlenhydrate</td>
     <td class="tg-031e">9,20 g</td>
     <td class="tg-031e">55% Energie</td>
     </tr>
     <tr>
     <td class="tg-031e">Fett</td>
     <td class="tg-031e">0,20 g</td>
     <td class="tg-031e">30% Energie</td>
     </tr>
     <tr>
     <td class="tg-031e">Wasser</td>
     <td class="tg-031e">85,70g</td>
     <td class="tg-031e">ca. 2 Liter</td>
     </tr>
     <tr>
     <td class="tg-031e">Ballaststoffe</td>
     <td class="tg-031e">2,20 g</td>
     <td class="tg-031e">30,00 g</td>
     </tr>
     <tr>
     <td class="tg-031e"></td>
     <td class="tg-031e"></td>
     <td class="tg-031e"></td>
     </tr>
     <tr>
     <td class="tg-031e">Mineralien</td>
     <td class="tg-031e"></td>
     <td class="tg-031e"></td>
     </tr>
     <tr>
     <td class="tg-031e">Calcium</td>
     <td class="tg-031e">42,00 mg</td>
     <td class="tg-031e">1000,00 mg</td>
     </tr>
     <tr>
     <td class="tg-031e">Chlor</td>
     <td class="tg-031e">4,00 mg</td>
     <td class="tg-031e">800,00 mg</td>
     </tr>
     <tr>
     <td class="tg-031e">Kalium</td>
     <td class="tg-031e">177,00 mg</td>
     <td class="tg-031e">2000,00 mg</td>
     </tr>
     <tr>
     <td class="tg-031e">Magnesium</td>
     <td class="tg-031e">14,00 mg</td>
     <td class="tg-031e">325,00 mg</td>
     </tr>
     <tr>
     <td class="tg-031e">Natrium</td>
     <td class="tg-031e">1,00 mg</td>
     <td class="tg-031e">550,00 mg</td>
     </tr>
     <tr>
     <td class="tg-031e">Phosphor</td>
     <td class="tg-031e">23,00 mg</td>
     <td class="tg-031e">800,00 mg</td>
     </tr>
     <tr>
     <td class="tg-031e">Schwefel</td>
     <td class="tg-031e">12,00 mg</td>
     <td class="tg-031e">k.A.</td>
     </tr>
     <tr>
     <td class="tg-031e"></td>
     <td class="tg-031e"></td>
     <td class="tg-031e"></td>
     </tr>
     <tr>
     <td class="tg-031e">Vitamine</td>
     <td class="tg-031e"></td>
     <td class="tg-031e"></td>
     </tr>
     <tr>
     <td class="tg-031e">Vitamin A</td>
     <td class="tg-031e">0,02 mg</td>
     <td class="tg-031e">1,10 mg</td>
     </tr>
     <tr>
     <td class="tg-031e">Vitamin B1</td>
     <td class="tg-031e">0,08 mg</td>
     <td class="tg-031e">1,10 mg</td>
     </tr>
     <tr>
     <td class="tg-031e">Vitamin B2</td>
     <td class="tg-031e">0,04 mg</td>
     <td class="tg-031e">1,30 mg</td>
     </tr>
     <tr>
     <td class="tg-031e">Vitamin B6</td>
     <td class="tg-031e">0,05 mg</td>
     <td class="tg-031e">1,30 mg</td>
     </tr>
     <tr>
     <td class="tg-031e">Vitamin C</td>
     <td class="tg-031e">50,00 mg</td>
     <td class="tg-031e">100,00 mg</td>
     </tr>
     <tr>
     <td class="tg-031e">Vitamin E</td>
     <td class="tg-031e">0,24 mg</td>
     <td class="tg-031e"></td>
     </tr>
    </table>
     

  2. Anzeige
  3. #2 9. Januar 2015
    AW:
    HTML:
     Tabelle nach rechts aufteilen?[/b]
    
    Ich verstehe nicht genau was du willst, aber sollte es deine volle CSS oben sein, dann kannst du die Klasse bei dem TD-& TH-Tag entfernen. ( class="tg-031e")
    
    Außerdem - falls ich dich doch richtig verstanden habe - musst du das in zwei Tabellen aufteilen.
     
  4. #3 9. Januar 2015
    AW:
    HTML:
     Tabelle nach rechts aufteilen?[/b]
    
    Teil es einfach auf in zwei Tabellen, die dann jeweils in eine div kommen die dann nebeneinander floaten.
    (breite einstellen dann)
    
    [code]
    <div style="float:left;width:400px;">
    <table>..1.</table></div>
    
    <div style="float:left;width:400px;">
    <table>..2.</table></div>
    [/code]
     
  5. #4 11. Januar 2015
    Zuletzt von einem Moderator bearbeitet: 14. April 2017
    AW:
    HTML:
     Tabelle nach rechts aufteilen?[/b]
    
    Mit der div Funktion hat es nicht wirklich funktioniert.
    Habe einfach eine große Tabelle daraus gemacht
    [img]https://www0.xup.to/exec/ximg.php?fid=18423242[/img]
     

  6. Videos zum Thema
Die Seite wird geladen...
Similar Threads - HTML Tabelle rechts
  1. Antworten:
    3
    Aufrufe:
    438
  2. Antworten:
    1
    Aufrufe:
    688
  3. [HTML] Tabelle

    beskhu3epnm , 7. Oktober 2011 , im Forum: Webdesign
    Antworten:
    5
    Aufrufe:
    1.194
  4. Antworten:
    14
    Aufrufe:
    2.738
  5. [HTML] Tabelle rutscht runter

    Schnee , 26. September 2010 , im Forum: Webdesign
    Antworten:
    5
    Aufrufe:
    511