HTML/CSS [ERLEDIGT]Tabellengestaltung

[D_Blade]

Hallo,

ich möchte unterteilte Tabellen wie z.B. folgendes erstellen:




Mein Code sieht derzeit so aus:

 <table border="1">
  <tr>
  <th></th>
  <th></th>
  <th></th>
  </tr>
  <tr>
   <td>
       <table width="100%">
              <tr>
               <td></td>
               <td>
                   <table width="100%" border="1">
                          <tr>
                           <td></td>
                          </tr>
                          <tr>
                           <td></td>
                          </tr>
                          <tr>
                           <td></td>
                          </tr>
                         </table>

               </td>

              </tr>
       </table>


             </td>

   <td>
       <table width="100%" border="1">
        <tr>
         <td></td>
        </tr>
        <tr>
         <td></td>
        </tr>
        <tr>
         <td></td>
        </tr>
       </table>

       </td>


   <td>
       <table width="100%" border="1">
        <tr>
         <td></td>
        </tr>
        <tr>
         <td></td>
        </tr>
        <tr>
         <td></td>
        </tr>
       </table>

       </td>
  </tr>


  <tr>
   <td><table width="100%" >
        <tr>
         <td></td>
         <td>

                   <table width="100%" border="1">
                    <tr>
                     <td></td>
                    </tr>
                     <tr>
                     <td></td>
                    </tr>
                   </table>

                   </td>
        </tr>
       </table></td>
   <td>
       <table width="100%" border="1">
        <tr>
         <td></td>
        </tr>
        <tr>
         <td></td>
        </tr>
       </table>

       </td>
   <td>
       <table width="100%" border="1" >
        <tr>
         <td></td>
        </tr>
        <tr>
         <td></td>
        </tr>
       </table>

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

Mein Problem ist, dass ich in der 2. Zeile und 2. Spalte diesen Rahmen nicht "synchron" zur anderen Tabelle bekomme.

Für Hinweise wäre ich sehr dankbar

Als weitere Idee hätte ich noch Frames, aber ich wüsste jetzt nicht genau, wie ich die hierauf einsetzen soll

 

[thrown-out]

<table border="1">
<tr>
<td colspan="2">...</td><td>...</td><td>...</td>
</tr>
<tr>
<td rowspan="3">...</td><td>...</td><td>...</td><td>...</td>
</tr>
<tr>
<td>...</td><td>...</td><td>...</td>
</tr>
<tr>
<td>...</td><td>...</td><td>...</td>
</tr>
<tr>
<td rowspan="2">...</td><td>...</td><td>...</td><td>...</td>
</tr>
<tr>
<td>...</td><td>...</td><td>...</td>
</tr>
</table>

 

[D_Blade]

Wow, vielen Dank

Wie ich sehe brauche ich keine weitere Tabelle in eine Tabelle hinzuzufügen.

Die Kommandozeilen rowspan und colspan wusste ich nicht, werd sie jetzt aber in einem Tutorial nachlesen. Danke nochmal

 

[theHacker]

https://de.selfhtml.org/html/tabellen/zellen_verbinden.htm