Probleme bei Tabellenerstellung, help!!!!

[Jana]

Hi, hab ein kleines Problem bei der Tabellenerstellung für das es sicherlich eine einfache Lösung gibt..nur leider komm ich nicht drauf.
Also folgendes, hoffe ich kann es verständlich erläutern:
Ich habe eine Vorlage die ich in eine Html-Tabelle umsetzen soll. Es sind insgesamt 6 Zeilen und 3 Spalten. erst folgen 2 einzelne Zeilen, dann eine breitere Zeile die so breit ist wie 2 Zeilen und dann wieder 2 einzelne Zeilen. Die breite Zeile habe ich nun so probiert zu erstellen:
<tr>
  <td rowspan="2">...</td>
  <td rowspan="2">...</td>   --> die breite Zeile
  <td rowspan="2">...</td>
<tr>
  <td>...</td>
  <td>...</td>              --> die nachfolgende normal breite Zeile
  <td>...</td>
</tr>
Nun ist es aber leider so, dass die nachfolgende Zeile nicht unter die breite Zeile gesetzt wird, sondern noch an das ende der breiten Zeile.

Meine Frage ist nun wie ich eine breitere Zeile erstellen kann die sich praktisch über 2 Zeilen beläuft, dachte es würde mit rowspan gehen...oder mache ich irgendetwas falsch??
Hoffe ich habe es einigermaßen verständlich erklärt und es kann mir jemand helfen.

[frankx]

Hellihello

<tr>
  <td rowspan="2">...</td>
  <td rowspan="2">...</td>   --> die breite Zeile
  <td rowspan="2">...</td>

!!! </tr>

<tr>
  <td>...</td>

...oder mache ich irgendetwas falsch??

es fehlt ein "</tr>", du schließt die zeile nicht...;

Gruß,

frankx

[Jana]

Nein das ist es leider nicht, denn das schließende <tr> habe ich nur hier vergessen, aber in meinem Html habe ich es geschlossen. das komische ist, wenn nach dem rowspan noch eine normale spalte kommt über nur eine zeile dann geht es..aber sobald die gesamte zeile rowspan="2" hat dann wird die nächste Zeile einfach hinten hin gehängt

[Rouven]

Hello,

aber sobald die gesamte zeile rowspan="2" hat dann wird die nächste Zeile

das musst du nochmal genauer zeigen. Durch Rowspan=2 legst du quasi zwei Zellen gleichzeitig an, nämlich die aktuelle Zeile und die darunter auch. Also, was hast du versucht und was kommt dabei raus?

MfG
Rouven

[Karin]

Hi,

Meine Frage ist nun wie ich eine breitere Zeile erstellen kann die sich praktisch über 2 Zeilen beläuft, dachte es würde mit rowspan gehen...oder mache ich irgendetwas falsch??
Hoffe ich habe es einigermaßen verständlich erklärt und es kann mir jemand helfen.

Schwierig.
Das Problem ist, dass Du das Wort "Zeile" für Zeile, für Spalte und auch für Zelle verwendest ;-)
Vielleicht können wir helfen, wenn Du's nochmal neu formulierst.

LG

[Manu]

rowspan geht über die zeilen, das folgende beispiel mag das verdeutlichen:

<tr><td rowspan="2"></td><td></td></tr>
<tr><td></td></tr>

+---+---+
|   |   |
|   +---+
|   |   |
+---+---+

vielleicht ist colspan das, was du suchst:

<tr><td colspan="2"></td></tr>
<tr><td></td><td></td></tr>

+---+---+
|       |
|---+---+
|   |   |
+---+---+

Gruß,
Manu

[Jana]

Ok, ich versuch es noch mal besser zu erklären, vielleicht auch mit Veranschaulichung wie Manu
also erstmal wie die Tabelle aussehen soll:

-----|---------|-------| 1.Zeile
-----------------------|
-----|---------|-------| 2.Zeile
                         3.Zeile die so breit ist wie 2 Zeilen
-----|---------|-------|
-----|---------|-------| 4.Zeile
-----|---------|-------| 5.Zeile

Die 3.Zeile versuche ich nun so hinzubekommen:
<tr>
  <td rowspan="2">.....</td>
  <td rowspan="2">.....</td>
  <td rowspan="2">.....</td>
</tr>

Das Ergebnis:
-----|---------|-------|
-----------------------|
-----|---------|-------|-----|---------|-------|
-----|---------|-------|
-----|---------|-------|

Es entsteht also keine Zeile mit der breite von zweien sondern die eine Zeile wird an die 3. Zeile angehängt und die 3.Zeile ist genauso breit wie die anderen Zeilen auch.
Bis dahin funktioniert es noch:
-----|---------|-------| 5.Zeile

Die 3.Zeile versuche ich nun so hinzubekommen:
<tr>
  <td rowspan="2">.....</td>
  <td rowspan="2">.....</td>
  <td>.....</td>
</tr>

=>
-----|---------|-------| 1.Zeile
-----------------------|
-----|---------|-------| 2.Zeile
               |-------| 3.Zeile die so breit ist wie 2 Zeilen
-----|---------|-------|
-----|---------|-------| 4.Zeile
-----|---------|-------|
sobald ich aber in der letzen spalte auch ein rowspan="2" einfüge passiert das was ich oben beschrieben habe.
Hoffe nun ist es etwas verständlicher und ihr könnt mir besser helfen

[Manu]

-----|---------|-------| 1.Zeile
-----------------------| 2.Zeile
-----|---------|-------| 3.Zeile die so breit ist wie 2 Zeilen

==>

<tr><td></td><td></td><td></td></tr>
<tr><td colspan="3"></td></tr>
<tr><td></td><td></td><td></td></tr>

Was meinst Du mit "die so breit ist wie 2 Zeilen"? ;)

[Jana]

Was meinst Du mit "die so breit ist wie 2 Zeilen"? ;)

Zeile 1: 1cm breit, Zeile 2: 1cm breit => Zeile 3: 2cm breit ;)

[Manu]

Naja, das wird etwas schwierig, da die Zeilen immer so breit sind, wie die breiteste ;) Du kannst aber folgendes machen:

+-------+-------+-------+-------+-------+-------+
|zeile 1+zeile 1+zeile 1+ leer  + leer  + leer  |
+-------+-------+-------+-------+-------+-------+
|Zeile 3 mit colspan="6"                        |                         +-------+-------+-------+-------+-------+-------+

[Jana]

mhh...so ganz versteh ich nicht was du meinst...kannst du mir da mal in html ein Beispiel geben???
Danke wäre sehr nett

[Karin]

Hi,

Was meinst Du mit "die so breit ist wie 2 Zeilen"? ;)

Ich glaube, sie meint "hoch".
Soll diese hohe Zeile denn aus 3 Zellen bestehen, oder nur aus einer (also über 3 Spalten)?

LG

[Jana]

»»Ja ok hoch hört sich wirklich verständlicher an, sorry....
Genau, diese 'hohe' Zeile soll aus 3 Spalten bestehen, also die gesamte Zeile so hoch sein. und das ist bei mir gerade das Problem, denn wenn sie nur über 2 Spalten so hoch sein soll dann klappts...sobald diese hohe Zeile aber über die gesamten Spalten läuft habe ich eine total verschobene Tabelle.....

[Manu]

omg, langsam raff ich nix mehr ;D
das rowspan bezieht sich immer auf die tabellenzellen der nächsten spalte(n), aber du willst nur eine zeile haben, die besonder hoch ist? wie wäre es mit <td style="height:50px">? *g*

[Jana]

wie wäre es mit <td style="height:50px">? *g*

Hey super Idee....das sieht doch schon sehr gut aus......thx;)

[Jana]

SORRY.....DA IS EBEN WAS SCHIEF GELAUFEN BEIM COPY UND PASTE, HIER NOCH MAL DIE RICHTIGE REIHENFOLGE:»»

Ok, ich versuch es noch mal besser zu erklären, vielleicht auch mit Veranschaulichung wie Manu

also erstmal wie die Tabelle aussehen soll:

-----|---------|-------| 1.Zeile
-----------------------|
-----|---------|-------| 2.Zeile
                         3.Zeile die so breit ist wie 2 Zeilen
-----|---------|-------|
-----|---------|-------| 4.Zeile
-----|---------|-------| 5.Zeile

Die 3.Zeile versuche ich nun so hinzubekommen:
<tr>
  <td rowspan="2">.....</td>
  <td rowspan="2">.....</td>
  <td rowspan="2">.....</td>
</tr>

Das Ergebnis:
-----|---------|-------|
-----------------------|
-----|---------|-------|-----|---------|-------|

-----	---------	-------

Es entsteht also keine Zeile mit der breite von zweien sondern die eine Zeile wird an die 3. Zeile angehängt und die 3.Zeile ist genauso breit wie die anderen Zeilen auch.
Bis dahin funktioniert es noch:

<tr>
  <td rowspan="2">.....</td>
  <td rowspan="2">.....</td>
  <td>.....</td>
</tr>

=>
-----|---------|-------| 1.Zeile
-----------------------|
-----|---------|-------| 2.Zeile
               |-------| 3.Zeile die so breit ist wie 2 Zeilen
-----|---------|-------|
-----|---------|-------| 4.Zeile
-----|---------|-------| 5.Zeile
sobald ich aber in der letzen spalte auch ein rowspan="2" einfüge passiert das was ich oben beschrieben habe.
Hoffe nun ist es etwas verständlicher und ihr könnt mir besser helfen

[Susanne07]

Hallo Jana,

probier doch mal folgendes aus:
[code lang=html]

<table>
   <tbody><tr>
    <td>1</td>
    <td>1</td>
    <td>1</td>
   </tr>
   <tr>
    <td>1</td>
    <td>1</td>
    <td>1</td>
   </tr>
   <tr>
    <td class="zeilenhöhe" rowspan="2">b</td>
    <td>2</td>
    <td>2</td>
   </tr>
   <tr>

</tr>
   <tr>
    <td>1</td>
    <td>1</td>
    <td>1</td>
   </tr>
   <tr>
    <td>1</td>
    <td>1</td>
    <td>1</td>
   </tr>
  </tbody></table>
mi folgendem CSS: [code lang=css]
td { height: 1em }
.zeilenhöhe { height: 2em }

klappt bei mir problemlos, dann brauchst du nur noch 5 Zeilen, und definierst per CSS td { height: beliebiger wert }

und vergibst an das erste td der breiten Zeile per CSS und Klassenzuweisung .zeilenhöhe { height: beliebiger Wert }

Gruß, Susanne