Tabellenzellen verbinden

HelgeHH · 21.05.2021

Hallo,

ich stehe gerade total auf dem Schlauch. Ich versuche in einer Tabelle mehrere Zellen mit einander zu verbinden.
Hier zu sehen : Tabelle

Ich versuche die Zellen 21 - 28 zu einer Zelle zu vereinen. Colspan und Rowspan scheine ich iwie noch nicht ganz kapiert zu haben.

Ich wäre um jeden Tipp dankbar

Gruß,

Helge

Mein dazugehöriger HTML-Code:

HTML:

<table border="1" CELLSPACING="0" CELLPADDING="10">
                <tbody>
                    <tr>
                        <td colspan="4">Zelle 1 - 4</td>
                    </tr>
                    <tr>
                        <td colspan="4">Zelle 5 - 8</td>
                    </tr>
                    <tr>
                        <td>Zelle 9</td>
                        <td colspan="3">Zelle 10 - 12</td>
                    </tr>
                    <tr>
                        <td>Zelle 13</td>
                        <td>Zelle 14</td>
                        <td colspan="2" rowspan="2">Zellen 15,16,19,20</td>
                    </tr>
                    <tr>
                        <td>Zelle 17</td>
                        <td>Zelle 18</td>
                    </tr>
                    <tr>
                        <td>Zelle 21</td>
                        <td>Zelle 22</td>
                        <td>Zelle 23</td>
                        <td>Zelle 24</td>
                    </tr>
                    <tr>
                        <td>Zelle 25</td>
                        <td>Zelle 26</td>
                        <td>Zelle 27</td>
                        <td>Zelle 28</td>
                    </tr>
                    </tbody>
</table>

scatello · 22.05.2021

Meinst du das so:

HTML:

<html>
<body>
<table border="1" CELLSPACING="0" CELLPADDING="10">
<tbody>
     <tr>
         <td colspan="4">Zelle 1 - 4</td>
     </tr>
     <tr>
         <td colspan="4">Zelle 5 - 8</td>
     </tr>
     <tr>
         <td>Zelle 9</td>
         <td colspan="3">Zelle 10 - 12</td>
     </tr>
     <tr>
         <td>Zelle 13</td>
         <td>Zelle 14</td>
         <td colspan="2" rowspan="2">Zellen 15,16,19,20</td>
     </tr>
     <tr>
         <td>Zelle 17</td>
         <td>Zelle 18</td>
     </tr>
     <tr>
         <td colspan="4">Zelle 21,22,23,24<br>Zelle 25,26, 27, 28</td>
     </tr>
     </tbody>
</table>
</body>
</html>

HelgeHH · 22.05.2021

Hallo,

danke für deine Antwort

. Im Grunde ist es das, was ich gesucht habe, die zellen werden alle zu einer verbunden. Das Problem das ich habe, ist, das die Tabelle dann aussieht als hätte sie nur noch drei zellen breite pro reihe, sie verkleinert sich. Ich hoffe man versteht was ich meine?

Aber deine Technik werde ich mir merken

Gruß,

Helge

Edit:
p.s. ich habe den Fehler gefunden, danke nochmal

basti1012 · 23.05.2021

HelgeHH schrieb:
Das Problem das ich habe, ist, das die Tabelle dann aussieht als hätte sie nur noch drei zellen breite pro reihe, sie verkleinert sich. Ich hoffe man versteht was ich meine?

Nee das verstehe ich nicht.
Wenn man mehrere Zellen zusammen fügt, wird die Anzahl weniger, ist ja eigentlich logisch.
Falls du einem anderen Ergebnisse haben möchtest dann erstelle doch mal eine Skizze wie das aussehen soll.