Tabellendesign...

[marius]

Hi

Ich habe hier ein kleines Problem...

Ich möchte eine Tabelle folgendermaßen haben:

http://www.media-folders.de/user/masta/tbl1.GIF

Dazu verwende ich folgenden HTML-Code:

<table width=100% border=1>

<tr>

<td width=15><img src=./images/head.gif></td>
<td><b>MKB</b></td>

</tr>

<tr>
<td colspan=2><hr size=1 color=#dedede noshade></td>
</tr>

<tr>

<td width=200>Menü:</td>
<td>Inhalt</td>

</tr>

</table>

Leider sieht damit die Tabelle so aus:

http://www.media-folders.de/user/masta/tbl2.GIF

Was bitte ist denn an meinem HTML-Code falsch?

gruß

[Ingo Turski]

Hi,

mit einer Tabelle und zwei Spalten geht das auch nicht. Das Merkmal einer Tabelle ist nunmal, daß alle Spalten und Zeilen in einer Linie angeordnet sind.
Du brauchst entweder 2 Tabellen oder eine weitere Spalte.

freundliche Grüße
Ingo

[marius]

Hi,

mit einer Tabelle und zwei Spalten geht das auch nicht. Das Merkmal einer Tabelle ist nunmal, daß alle Spalten und Zeilen in einer Linie angeordnet sind.
Du brauchst entweder 2 Tabellen oder eine weitere Spalte.

freundliche Grüße
Ingo

Schade... Muss ich halt 2 Tabellen nehmen.

Danke!

[Ingo Turski]

Hi,

Schade... Muss ich halt 2 Tabellen nehmen.

oder sinnvollere Elemente.

freundliche Grüße
Ingo

[marius]

Schade... Muss ich halt 2 Tabellen nehmen.
oder sinnvollere Elemente.

Die dann wären?

[Ingo Turski]

Hi,

oder sinnvollere Elemente.
Die dann wären?

diejenigen, die die Inhalte passend auszeichnen. hX für Überschriften, p für Textabsätze, div zum gruppieren etc.

freundliche Grüße
Ingo

[marius]

diejenigen, die die Inhalte passend auszeichnen. hX für Überschriften, p für Textabsätze, div zum gruppieren etc.

Wie würde das denn konkret in diesem Fall mit solchen Elementen bitte zu realisieren sein?

MfG

marius

[Ingo Turski]

Hi,

Wie würde das denn konkret in diesem Fall mit solchen Elementen bitte zu realisieren sein?

Da in Deiner Skizze lediglich das Layout, aber keine Inhalte angegeben sind, kann diese Frage auch nur grob für das Layout beantwortet werden. Ich sehe

• ein umfassendes DIV,
• hierin ein DIV für den oberen Bereich und
• ein DIV für den unteren Bereich.
  Welche Elemente über diese DIVs gruppiert werden, hängt von den Inhalten ab.

freundliche Grüße
Ingo

[Geistiger Hohlraum]

<tr>
<td width=15><img src=./images/head.gif></td>

<tr>
<td width=200>Menü:</td>

Leider sieht damit die Tabelle so aus:

Was bitte ist denn an meinem HTML-Code falsch?

Tabellenspalten gehen gerade von oben nach unten, nicht in Schlangenlinien, hier mal 15 Pixel breit, dort mal 200. Andernfalls wären Tabellen für ihren eigentlichen Zweck, der Darstellung von zusammengehörenden Daten in Reihen und Spalten, nur schwer zugebrauchen.

[Michel]

Probiers mal hiermit:

<table border="1" width="100%">
  <tr>
    <td width="14%">&nbsp;<p>&nbsp;</td>
    <td width="86%" colspan="2">&nbsp;</td>
  </tr>
  <tr>
    <td width="100%" colspan="3">&nbsp;</td>
  </tr>
  <tr>
    <td width="33%" colspan="2">&nbsp;</td>
    <td width="67%">&nbsp;<p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</td>
  </tr>
</table>

Michel