Silvio: Spalte in Tabelle spalten

Beitrag lesen

Hallo Tobi!

Das Zauberwort heißt hier 'colspan'. Mit diesem verbindest du zwei Zellen miteinander. Wenn du also deine Zelle teilen möchtest, geht das über den Umweg die Zellen doppelt anzulegen und sie da, wo du nur eine Zelle benötigst, mit colspan zu verbinden.

Dein Code könnte dann z.B. so aussehen:

  
<table border="0" width="100%" align="center">  
  
<tr>  
 <td style="width:20%; height:99px; border:0; background-color:#CCCCCC; border:0"></td>  
 <td colspan="2" style="width:60%; height:99px; background-color:#000000; border:0"></td>  
 <td style="width:20%; height:99px; border:0; background-color:#CCCCCC; border:0"></td>  
</tr>  
  
<tr>  
 <td style="width:20%; height:26px; background-color:#CCCCCC; border:0"></td>  
 <td style="width:30%; height:26px; background-color:red; border:0"></td>  
 <td style="width:30%; height:26px; background-color:red; border:0"></td>  
 <td style="width:20%; height:26px; background-color:#CCCCCC; border:0"></td>  
</tr>  
  
<tr>  
 <td style="width:20%; height:600px; background-color:#CCCCCC; border:0"></td>  
 <td colspan="2" style="width:60%; height:600px">  
  <iframe src="iframe.htm" name="iframe" scrolling="no" frameborder="0" height="600" width="100%"></iframe></td>  
 <td style="width:20%; height:600px; border:0; background-color:#CCCCCC"></td>  
</tr>  
  
<tr>  
 <td style="width:20%; height:26px; background-color:#CCCCCC"></td>  
 <td colspan="2" style="width:60%; height:26px; background-color:#000000"></td>  
 <td style="width:20%; height:26px; background-color:#CCCCCC"></td>  
</tr>  
  
</table>  

Außerdem hattest du bei einem 'width' einen Buchstabendreher drin und hast 'witdh' geschrieben. Aber das passiert glaub jedem mal. *g* ;)

Viel Erfolg und viel Spaß noch! :)