[HTML] Tabelle nach rechts aufteilen?

YaLcIn · 9. Januar 2015

Hi,

weiß jemand wie ich die Tabelle nach rechts aufteilen kann?
Die ist zu lang 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>

Anzeige

FakeAccount! · 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.

raid-rush · 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]

YaLcIn · 11. Januar 2015

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]

Nützliche Suchen

[HTML] Tabelle nach rechts aufteilen?

Videos zum Themenbereich