verschachtelte Tabellen

[udog]

hallo!

kann mir bitte mal jemand sagen wie man es vermeiden kann bzw. was man machen kann wenn die tabelle mit dem hauptinhalt immer länger wird, und die tabelle mit der navigationsleiste und den news rechts stehen bleiben?Das sieht ja nun nicht schön aus!Hier http://www.juergens-workshops.de/tutoria...ster1.html in diesen Beispiel ist es die tabelle in der mitte die sich lang zieht wenn man inhalt einfügt!

Danke
Udo
P.S.Wäre echt schön wenn es mal ein tut gibt wo genau beschrieben iss wie man die tabellen verschachtelt,also wo welche tabelle anfängt und aufhört!Ich finde da kann man es am besten lernen.

[Jürgen]

Hallo Udo,

bei dem Webtemplate im Workshop sind das einzelne Tabellen, die untereinander angebracht sind. Da es einzelne Tabellen sind, werden sie auch je nach Inhalt jede für sich nach unten gezogen.

Wenn Du aber in einer Tabelle eine weitere Tabelle mit 3 Spalten einfügst, dann werden alle 3 Spalten nach unten gezogen, auch wenn Du nur in einer einen längeren Text schreibst.
Hier ist ein Quelltext dazu:

Code:

<table  width="300" height="300" cellspacing="2" cellpadding="2" border="1">
<tr>
<td>

<table width="280" height="280" cellspacing="2" cellpadding="2" border="2">
<tr>
    <td align="center" valign="top">1</td>
    <td align="center" valign="top">2

    

diese Tabelle zieht die anderen mit
    

j

j
    

j

j
    

j

j
    

j

j
    

j

j
    

j

j
    

j
    </td>
    <td align="center" valign="top">3</td>
</tr>
</table>



</td>
</tr>
</table>

Hier ist das Beispiel in der Ansicht:

http://www.juergens-workshops.de/beispie...elle1.html

Nachtrag:
Wie die Tabellen aufgebaut sind, bzw. welche Tabellen wie angeordnet sind, erkennst Du gut, wenn Du bei BORDER="0" eine "1" oder "2" notierst und dir das im Browser ansiehst.

Gruß
Jürgen

[udog]

Danke für die schnelle Antwort!!!Echt super
Ich werd mich mal damit beschäftigen, denn wenn tabellen ineinander verschachtelt sind,sieht man nur schwer durch!
Für mich ist das wie ein rotes tuch, aber das pack ich schon !
Doch wie erhält man denn den Abstand zu der oberen Tabelle wie z.B.
beim copyright?Wenn man einen absatz einfügt wird der abstand zu gross!

Vielen dank nochmal
MfG
udo

[Jürgen]

Hallo Udo,

Doch wie erhält man denn den Abstand zu der oberen Tabelle wie z.B.
beim copyright?Wenn man einen absatz einfügt wird der abstand zu gross!

Genau! Mit Absatz wird dabei nicht gearbeitet. Wenn Du im Quelltext das

cellpadding="3"

änderst, wirkt sich das auf den Abstand aus. Tippe zum Beispiel eine 8 und später eine 1 ein, dann siehst Du den Unterschied.

wenn tabellen ineinander verschachtelt sind,sieht man nur schwer durch!

Deshalb habe ich für den Workshop auch viele Kommentare in den Quelltext der Muster-HP's geschrieben.

Tabellenlayouts waren für mich, eben durch die Verschachtelungen, auch eine lange Zeit kompliziert, aber ich hatte und habe einen guten Lehrmeister in Helmut gefunden. Außerdem kannst Du ja ein Tabellenlayout nehmen und immer wenn Du Zeit und Lust dazu hast, damit experimentieren.

Gruß
Jürgen

[udog]

...danke für die schnelle antwort!

Ja gut,du hast deinen meister gefunden, aber ich bin ganz auf mich alleine gestellt!ich hab niemanden mit dem ich mich mal austauschen könnte!Gut das es da solche Leute wie dich gibt,die ihr wissen gerne an andere weiter geben!Sonst wäre ich ja aufgeschmissen!
Also danke nochmal!

Mfg udo

[Jürgen]

Hallo Udo,

kein Problem, hier wird dir ja geholfen und wenn ich keine Antwort auf deine Fragen habe, dann sind sicherlich noch Helmut, Hulot und natürlich auch die anderen Mitglieder für dich da.

Das mit dem experimentieren habe ich ja nur so erwähnt, weil man dadurch auch lernen kann.

Gruß
Jürgen

[udog]

hallo ich bins nochmal
.....wieso verschwinden die feinen Haarlinien wenn man die Hintergrundfarbe in der tabelle oder zelle wieder entfernt?dann ist die tabelle ja wieder transparent.

Mfg udo

Danke im vorraus

Ja nur durch experimentieren kann man was lernen!Aber das geht halt nich so schnell!
man muss halt nur am ball bleiben
schönes wochenende wünsch ich!!!!

[Jürgen]

Hi Udo,

weil es 2 Tabellen sind.

Code:

<table height="300" bgcolor="'000080" width="400" cellspacing="1" cellpadding="0">
<tr>
<td>
<table height="300" bgcolor="#ffffff" width="400" cellspacing="0" cellpadding="2">
<tr>
<td  align="center">

Hier ist der Text...

</td>
</tr>
</table>
</td>
</tr>
</table>

Hier wieder ein Beispiel:
http://www.juergens-workshops.de/beispie...linie.html

Die äußere Tabelle hat eine blaue Füllung und die innere Tabelle eine weisse Füllung. Cellspacing 1 in der äußeren erzeugt den Rand, also die Haarlinie in Verbindung mit Cellspacing 0 in der inneren Tabelle.
Das kann man aber auch eleganter mit CSS zuweisen.

Das ist ein alter Designtrick, da mit Border="1", der Rahmen zu dick ist.

Gruß
Jürgen