Problema con tablas

[jumago]

Amigos del foro, tengo un problema con una tabla que no consigo colocar adecuadamente.

En la imagen que os envío aparece mi esquema:



Lo que quiero es alargar la tabla 7 justo donde acaba la tabla 6.

Os dejo mi código:

Código HTML:

<table align="center" border="0" cellpadding="0" cellspacing="0" width="998">
  <tr>
    <td align="center" width="998" height="96" valign="top"><table width="998" height="90" border="1" align="center" cellpadding="0" cellspacing="0">
      <tr>
        <td width="7" rowspan="2" align="right" valign="top" style="padding-right:18px; padding-top:2px">&nbsp;</td>
        <td width="72" rowspan="2" align="center" valign="middle" style="padding-center:18px; padding-top:2px">1</td>
        <td width="150" rowspan="2" align="left" valign="top" style="padding-left:18px; padding-top:2px">2</td>
        <td width="150" rowspan="2" align="center" valign="top" style="padding-center:18px; padding-top:2px">3</td>
        <td width="209" rowspan="2" align="center" valign="top" style="padding-center:18px; padding-top:2px">4</td>
        <td height="70" colspan="2" align="left" valign="middle" style="padding-left:18px; padding-top:2px">5</td>
        <td width="90" height="70" align="left" valign="middle" style="padding-left:18px; padding-top:2px">6</td>
        <td width="7" align="left" valign="top" style="padding-left:18px; padding-top:2px">&nbsp;</td>
      </tr>
        <tr>
        
        <td width="219" height="13" align="center" valign="top" style="padding-center:18px; padding-top:2px">7</td>
        
        </tr>
        <td width="14" rowspan="2" align="center" valign="top" style="padding-center:18px; padding-top:2px"></td>
      </tr>
      
    </table></td>
</tr>   </table>
 

[maycolalvarez]

use los atributos colspan y/o rowspan

consulte un manual de HTML

[Rafael]

Se me hace que estás copiando y pegando, pero recortando mal.

Estás dejando td desperdigados y abiertos por aquí y allá.

Aquí algo más limpio, pero compáralo para que veas qué le quité.

Código HTML:

<table border=1>
 
<tr>
 
<td width="72" rowspan="2" align="center" valign="middle" style="padding-center:18px; padding-top:2px">1</td>
<td width="150" rowspan="2" align="left" valign="top" style="padding-left:18px; padding-top:2px">2</td>
<td width="150" rowspan="2" align="center" valign="top" style="padding-center:18px; padding-top:2px">3</td>
<td width="209" rowspan="2" align="center" valign="top" style="padding-center:18px; padding-top:2px">4</td>
<td height="70" align="left" valign="middle" style="padding-left:18px; padding-top:2px">5</td>
<td width="90" height="70" align="left" valign="middle" style="padding-left:18px; padding-top:2px">6</td>
 
</tr>
<tr>
 
<td width="219" colspan="2" height="13" align="center" valign="top" style="padding-center:18px; padding-top:2px">7</td>
 
</tr>
 
</table>
 

Yo además le quitaría tooooooooodos los aligns, valigns y estilos de ahí. El border =1 lo dejo solamente para que se vea tu grid.

[jumago]

Muchas gracias Rafael por tu ayuda prestada. La verdad es que esto de las tablas todavía me cuesta un poco pero para saber necesito aprender y con personas como tu en este foro hacéis de gran ayuda para los que todavía somos aprendices.
Un saludo

[DoPeY-BBS]

Mira amigo, las tablas son complicadas pero una vez la dominas, haces maravillas, otra cosa, la tablas se hicieron para tabular y no para maquetar web (eso se hacia antes).

Te dejo esto como una pequeña introducción

http://www.elwebmaster.com/editorial...mweaver-tablas

http://www.htmldog.com/guides/html/beginner/tables/

[Rafael]

Haz las tablas muuuuuuy limpias. Te dejo la tuya completamente limpia:

Código HTML:

<table>
     <tr>
    <td rowspan="2">1</td>
    <td rowspan="2">2</td>
    <td rowspan="2">3</td>
    <td rowspan="2">4</td>
    <td>5</td>
    <td>6</td>
     
</tr>
<tr>
     
    <td colspan="2">7</td>
 
</tr>
</table>
 

Nota la diferencia.

Toooooodo lo demás lo pones con hojas de estilos.