Vollständige Version anzeigen : [HTML] Tabelle nach rechts aufteilen?


YaLcIn
09.01.2015, 15:43

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:

(;;0;xup~to/exec/ximg;php?fid=77513612)


Der 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>

Hardware Preisvergleich | Amazon Blitzangebote!

Videos zum Thema
Video Loading...
FakeAccount!
09.01.2015, 15:52

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
09.01.2015, 16:08

Teil es einfach auf in zwei Tabellen, die dann jeweils in eine div kommen die dann nebeneinander floaten.
(breite einstellen dann)


<div style="float:left;width:400px;">
<table>.;1;</table></div>

<div style="float:left;width:400px;">
<table>.;2;</table></div>


YaLcIn
11.01.2015, 17:22

Mit der div Funktion hat es nicht wirklich funktioniert.
Habe einfach eine große Tabelle daraus gemacht
;;0;xup~to/exec/ximg;php?fid=18423242


Ähnliche Themen zu [HTML] Tabelle nach rechts aufteilen?
  • [HTML] Rangliste (Tabelle) mit HTML
    Hi Leute, ich wollte wissen wie man so eine rangliste wie hier: (;skaay;bplaced~de/Dateien/Tennis/Rangliste/aktuell/junioren;html) erstellen kann. Ich habe mir mal den HTML Code angesehen und hab gemerkt das es mit Word oder Excel erstellt wurde. Kann mir einer für euch den Code vereinfachen/ [...]

  • [HTML] Formular aufteilen?
    Servus, und wieder ich. Heute haperts. Naja es ist halt Sonntag. Folgendes. Ich habe eine Seite in der Ich eine Suche integrieren will jedoch lässt meine Tabelle nicht zu, dass ich das in einen <form>-Tag schreibe. Ich geb einfach mal das konkrete Beispiel mit den Code-Schnipseln, vllt. wird e [...]

  • [HTML] excel Tabelle in html einbinden
    Hallo Leutz, Wie mann eine Excel Tabelle in html einbindet habe ich gerade herrausgefunden. Könnte mann die Tabelle dann aber auch über den Browser bearbeiten(dh;etwas eintragen). Weil ich will eine Liste auf meiner hp erstellen. D;h. User sollen in die Tabelle ein Kreuz oder ein Kreis eintr [...]

  • [HTML] Seite verschiebt sich komplett nach rechts...
    Sers! Hab eine Seite, die auf css basiert. Also des layout. Im Opera schaut sie so aus wie sie ausseehn soll... aber im IE verschiebt die sich eben komplett anch rechts!(s;Bild) (;img502;imageshack~us/img502/8018/huion7;jpg) Was ich geschrieben habe: index;html <!DOCTYPE html [...]



raid-rush.ws | Imprint & Contact pr