+- Juergens-Workshops.de Forum (https://forum.juergens-workshops.de)
+-- Forum: HTML und Co (https://forum.juergens-workshops.de/forumdisplay.php?fid=62)
+--- Forum: Rund um HTML (https://forum.juergens-workshops.de/forumdisplay.php?fid=83)
+--- Thema: Tabellen problem (/showthread.php?tid=29390)
Tabellen problem - Führmann - 20.10.2009
Hallo!
Ich bin dabei mir eine HP mit einer tabelle zu bauen, ich hab es auch schon ganz gut hin bekommen denke ich nur weiß ich nicht wie ich den abstand zwischen der einen (linken) und der anderen (Rechten) tabelle größer machen kann.
[HTML]<body background="background.jpg" text="#990000" link="#0000CC" vlink="#000066" alink="#000000">
<table border="0" cellspacing="0" width="80%">
<tr>
<td style="width:35%;">
<table width="100%" border="1" cellpadding="0" cellspacing="0" class="box-layout">
<p align="center"><font size="+2"><b><u>Damen</u></b></font></p>
<th colspan="2"><p align="left">text</p></th>
</tr>
<tr>
<td>text</td>
<td><p align="right">text</p></td>
</tr>
<tr>
<td>text</td>
<td><p align="right">text</p></td>
</tr>
<tr>
<td>text</td>
<td><p align="right">text</p></td>
</tr>
<tr>
<td>text</td>
<td><p align="right">text</p></td>
</tr>
<tr>
<td>text</td>
<td><p align="right">text</p></td>
</tr>
<tr>
<th>text</p></th>
</tr>
<tr>
<td>text</td>
<td><p align="right">text</p></td>
</tr>
<tr>
<td>text</td>
<td><p align="right">text</p></td>
</tr>
<tr>
<td>text</td>
<td><p align="right">text</p></td>
</tr>
<tr>
<th colspan="2"><p align="left">text</p></th>
</tr>
<tr>
<td>text</td>
<td><p align="right">text</p></td>
</tr>
<tr>
<td>text</td>
<td><p align="right">text</p></td>
</tr>
<tr>
<td>text</td>
<td><p align="right">text</p></td>
</tr>
<tr>
<td>text</td>
<td><p align="right">text</p></td>
</tr>
<tr>
<td>text</td>
<td><p align="right">text</p></td>
</tr>
<tr>
<td>text</td>
<td>text</td>
</tr>
<tr>
<td>text</td>
<td>text</td>
</tr>
<tr>
<td>text</td>
<td>text</td>
</tr>
<tr>
<td>text</td>
<td>text</td>
</tr>
<tr>
<td>text</td>
<td>text</td>
</tr>
<tr>
<td>text</td>
<td>text</td>
</tr>
<tr>
<td>text</td>
<td>text</td>
</tr>
<tr>
<td>text</td>
<td>text</td>
</tr>
<tr>
<td>text</td>
<td>text</td>
</tr>
<tr>
<td>text</td>
<td>text</td>
</tr>
<tr>
<td>text</td>
<td>text</td>
</tr>
<tr>
<td>text</td>
<td>text</td>
</tr>
</table>
</td>
<td style="width:35%;">
<table width="100%" border="1" cellpadding="0" cellspacing="0" class="box-layout">
<p align="center"><font size="+2"><b><u>Herren</u></b></font></p>
<th colspan="2"><p align="left">text</p></th>
</tr>
<tr>
<td>text</td>
<td><p align="right">text</p></td>
</tr>
<tr>
<td>text</td>
<td><p align="right">text</p></td>
</tr>
<tr>
<td>text</td>
<td><p align="right">text</p></td>
</tr>
<tr>
<td>text</td>
<td><p align="right">text</p></td>
</tr>
<tr>
<td>text</td>
<td><p align="right">text</p></td>
</tr>
<tr>
<th colspan="2"><p align="left">text</p></th>
</tr>
<tr>
<td>text</td>
<td><p align="right">text</p></td>
</tr>
<tr>
<td>text</td>
<td><p align="right">text</p></td>
</tr>
<tr>
<td>text</td>
<td><p align="right">text</p></td>
</tr>
<tr>
<th colspan="2"><p align="left">text</p></th>
</tr>
<tr>
<td>text</td>
<td><p align="right">text</p></td>
</tr>
<tr>
<td>text</td>
<td><p align="right">text</p></td>
</tr>
<tr>
<td>text</td>
<td>text</p></td>
</tr>
<tr>
<td>text</td>
<td><p align="right">text</p></td>
</tr>
<tr>
<td>text</td>
<td><p align="right">text</p></td>
</tr>
<tr>
<td>text</td>
<td>text</td>
</tr>
<tr>
<td>text</td>
<td>text</td>
</tr>
<tr>
<td>text</td>
<td>text</td>
</tr>
<tr>
<td>text</td>
<td>text</td>
</tr>
<tr>
<td>text</td>
<td>text</td>
</tr>
<tr>
<td>text</td>
<td>text</td>
</tr>
<tr>
<td>text</td>
<td>text</td>
</tr>
<tr>
<td>text</td>
<td>text</td>
</tr>
<tr>
<td>text</td>
<td>text</td>
</tr>
<tr>
<td>text</td>
<td>text</td>
</tr>
<tr>
<td>text</td>
<td>text</td>
</tr>
<tr>
<td>text</td>
<td>text</td>
</tr>
</table>
</td>
</tr>
</table>
</body>[/HTML]
Hoffe mir kann jemand helfen!
Tabellen problem - Beagle - 20.10.2009
[HTML]<table width="100%" style="margin-left: 25px;" border="1" cellpadding="0" cellspacing="0" class="box-layout">[/HTML]
Nicht besonders elegant, na ja, man kann es auch in der CLASS notieren.
Grüße, Beagle
Tabellen problem - Führmann - 20.10.2009
Beagle schrieb:Nicht besonders elegant, na ja, man kann es auch in der CLASS notieren.
Grüße, Beagle
Wie würdest du es denn machen?
Tabellen problem - Beagle - 20.10.2009
Üblich sind derzeit externe CSS Dateien mit denen die Seiteninhalte per CLASS oder ID formatiert werden.
So was beispielsweise...als Tabelle
Viele sind auch ganz dazu über gegangen, nur noch DIV Konstruktionen zu schreiben...
So was wie hier halt...
Wenn man natürlich eine Tabelle benötigt, ist die einfacher als TABLE aufzubauen, denn als DIV. DIV Konstruktionen machen je nach Browser ganz elendigliche Probleme. Was im IE aussieht kann einem in Opera und besonders Firefox voll das Bild zerhauen. Es liegt daran, dass die Browser kein einheitliches Boxenmodell haben. Tabellen werden aber in der Regel alle gleich korrekt dargestellt.
Besser man startet als Anfänger mit Tabellen, finde ich. Wenn man das mit der externen CSS Formatierung drauf hat, kann man ja weiter machen. DIV Konstruktionen werden gerne genommen, weil der HTML Teil übersichtlicher wird. Dann steckt der Rest aber in einer mehr oder weniger komplizierten CSS Datei. Kann man also sehen wie man möchte...
Grüße, Beagle
PS: in dem 2. Beispiel sieht man schon Probleme bei den Grafiken rechts bei menu-contact-calendar. Die sind neu ab Opera 10...
Tabellen problem - Seramis - 20.10.2009
Also wenn du den Abstand zwischen Damen und Herren Tabelle meinst...
dann setzt einfach zwischen die beiden eine "leere Tabelle", zB.:
<td style="width:5%"></td>
Tabellen problem - Führmann - 20.10.2009
Beagle schrieb:Üblich sind derzeit externe CSS Dateien mit denen die Seiteninhalte per CLASS oder ID formatiert werden.
So was beispielsweise...als Tabelle
Viele sind auch ganz dazu über gegangen, nur noch DIV Konstruktionen zu schreiben...
So was wie hier halt...
Wenn man natürlich eine Tabelle benötigt, ist die einfacher als TABLE aufzubauen, denn als DIV. DIV Konstruktionen machen je nach Browser ganz elendigliche Probleme. Was im IE aussieht kann einem in Opera und besonders Firefox voll das Bild zerhauen. Es liegt daran, dass die Browser kein einheitliches Boxenmodell haben. Tabellen werden aber in der Regel alle gleich korrekt dargestellt.
Besser man startet als Anfänger mit Tabellen, finde ich. Wenn man das mit der externen CSS Formatierung drauf hat, kann man ja weiter machen. DIV Konstruktionen werden gerne genommen, weil der HTML Teil übersichtlicher wird. Dann steckt der Rest aber in einer mehr oder weniger komplizierten CSS Datei. Kann man also sehen wie man möchte...
Grüße, Beagle
PS: in dem 2. Beispiel sieht man schon Probleme bei den Grafiken rechts bei menu-contact-calendar. Die sind neu ab Opera 10...
Es ist ja alles eine schöne sache nur das sin ja vorlagen die schon jemand erstellt hat, ich wollte was selber machen.
Tabellen problem - Führmann - 20.10.2009
Seramis schrieb:Also wenn du den Abstand zwischen Damen und Herren Tabelle meinst...
dann setzt einfach zwischen die beiden eine "leere Tabelle", zB.:
<td style="width:5%"></td>
genau sowas hab ich gemeint.
danke
Tabellen problem - Seramis - 20.10.2009
gerngeschehen ;-)
Tabellen problem - Führmann - 20.10.2009
Ich hab jetzt mal meine ganze seite (sogut wie sie schon fertig ist mit FF auf gemacht und die sieht da ja jetzt total anders aus als im IE (SCHRECK).
Die Auflösung zu groß die Tabellen Riesig usw.....
Hilfe WEIN!
Tabellen problem - Seramis - 21.10.2009
Ein Link zu deiner (test)Seite wäre ganz praktisch um helfen zu können ;-)