+- Sponsor-Board.de (https://www.sponsor-board.de)
+-- Forum: Community (/forumdisplay.php?fid=56)
+--- Forum: Hilfe (/forumdisplay.php?fid=102)
+---- Forum: Scripting (/forumdisplay.php?fid=108)
+---- Thema: [Hilfe] HTML Tabellen (/showthread.php?tid=41966)
[Hilfe] HTML Tabellen - Darkwave - 01.09.2013 19:20
Guten Abend,
ich habe folgendes Problem:
Ich möchte zwei Tabellen ausgeben. Zwischen diesen beiden Tabellen soll Content aufgeführt werden. Soweit kein Problem.
Code:
<table>
<tr><td>Zeile 1 Spalte 1</td><td>Zeile 1 Spalte 2</td></tr>
<tr><td>Zeile 2 Spalte 1</td><td>Zeile 2 Spalte 2</td></tr>
</table>
Content
<table>
<tr><td>Zeile 1 Spalte 1</td><td>Zeile 1 Spalte 2</td></tr>
<tr><td>Zeile 2 Spalte 1</td><td>Zeile 2 Spalte 2</td></tr>
</table>
Ich hätte aber gerne, dass die Tabellen identische Spaltenbreiten haben, sodass die ganze Seite geordneter aussieht.
Weiß jmd. Rat?
Gruß,
Darkwave
RE: [Hilfe] HTML Tabellen - Blaze - 01.09.2013 19:34
Definiere das doch im Stylesheet, und weise die Tabellen dem zu, ich denke das ist das einfachste.
RE: [Hilfe] HTML Tabellen - Darkwave - 01.09.2013 19:36
Du meinst also, dass ich schon vorher den Tabellen eine gewisse Breite zuordnen soll? Da der Content der Tabellen dynamisch ist und diese sich automatisch anpassen, wäre dies nicht so schlau.
Gruß,
Darkwave
EDIT: Codebeispiele zum leichteren Verständnis wären super, da ich werder HTML noch CSS Profi bin.
RE: [Hilfe] HTML Tabellen - Dennis - 01.09.2013 19:36
naja, anstzatt 2 tabellen reicht auch eine, dann machste für den content in dem fall ein td tag auf mit colspan=2
RE: [Hilfe] HTML Tabellen - Darkwave - 01.09.2013 19:41
dlite schrieb:
naja, anstzatt 2 tabellen reicht auch eine, dann machste für den content in dem fall ein td tag auf mit colspan=2
Hallo,
danke für den Tipp, aber das macht mir mein Design kaputt:
-Die Ecken der Tabelle sind nicht mehr abgerundet
-Der Rahmen stört, der Content wirkt nicht losgelöst
-Wenn der Content breiter als die Tabelle ist, wird diese gestreckt oder der Content formatiert.
Danke für deine Hilfe,
Darkwave
RE: [Hilfe] HTML Tabellen - Uwe Wei - 01.09.2013 19:41
wie wärs wenn du der Tabelle eine klasse mit "class" geben würdest und im stylesheet mit .KLASSENNAME{
}
die breite mit width:; defenieren würdest.
Beispiel:
[Link: Registrierung erforderlich]
Das dürfte dir helfen!
RE: [Hilfe] HTML Tabellen - sic_ - 01.09.2013 19:46
wenn du die breite dynamisch anpassen lassen willst kommst du wahrscheinlich nicht darum herum die tabellen erst beide generieren zu lassen und dann mit javascript nach irgend einen schema die größen zu ermitteln (also wenn spalte 1 bei tabelle 1 jetzt 100px breit ist und bei tabelle 2 200px, welche der beiden werte du dann verwendest) und mit js auch zuzuweisen.
oder erst eine gemeinsame tabelle erstellen um die breiten der spalten zu ermitteln und dann daraus zwei tabellen machen (mit js).
RE: [Hilfe] HTML Tabellen - Tobias - 01.09.2013 19:48
für rahmen kannst das attribut border benutzen für runde ecken das attribut border-radius
wirst um eine css anweisung nicht drum herum kommen
Rate dir aber von tabellen konstrukten im webbereich ab. wen es um layout gestaltung geht.
RE: [Hilfe] HTML Tabellen - Darkwave - 01.09.2013 19:58
Vielen Dank für die schnelle Hilfe, ich werde die einzelnen Möglichkeiten mal durchgehen.
Schönen Abend noch,
Darkwave
RE: [Hilfe] HTML Tabellen - sic_ - 01.09.2013 20:32
Zu meiner Möglichkeit, mal auf die Schnelle:
[Link: Registrierung erforderlich]
RE: [Hilfe] HTML Tabellen - Darkwave - 01.09.2013 20:35
Kannst du mir noch sagen, wie ich das auf meine Tabellen anwende? Mit JavaScript habe ich noch nichts zutun gehabt.
Wenn das EDIT die Antwort war, dann verstehe ich sie nicht, ich sehe immer noch nur eine Tabelle.
Gruß,
Darkwave
RE: [Hilfe] HTML Tabellen - sic_ - 01.09.2013 20:53
Das war keine Antwort. Ich hatte nur den Link geändert.
Hier deine Tabelle:
Code:
<table>
<tr><td>Zeile 1 Spalte 1</td><td>Zeile 1 Spalte 2</td></tr>
<tr><td>Zeile 2 Spalte 1</td><td>Zeile 2 Spalte 2</td></tr>
<tr class="split"><td>Zeile 1 Spalte 1</td><td>Zeile 1 Spalte 2</td></tr>
<tr class="split"><td>Zeile 2 Spalte 1</td><td>Zeile 2 Spalte 2</td></tr>
</table>
Naja es kann natürlich sein, dass nur eine Tabelle zu erstellen und die dann aufzuspalten für dich keine praktikable Lösung ist. Das macht die Sache dann komplizierter.
RE: [Hilfe] HTML Tabellen - Darkwave - 04.09.2013 17:28
Hab es jetzt so gelöst, dass ich jeder Spalte eine feste Breite zuweise. War am Ende doch das einfachste:
Code:
<colgroup>
<col width="20">
<col width="160">
<col width="150">
<col width="60">
<col width="350">
<col width="225">
</colgroup>
Danke für Eure Hilfe.
Gruß,
Darkwave