Necesito hacer una tabla en HTML como la siguiente.
Imagen
Y el problema esta en el area central (en rojo y verde). Para lograrlo he intentado colocar una tabla dentro de otra, pero entonces las columnas de la derecha luego de la "zona critica" bajan a una siguiente linea y no mantienen la forma de tabla.
Pense que podria lograrlo con el colspan=2, pero no funciona tampoco.
Agradezco su ayuda!
De todas maneras coloco el codigo q tengo hasta lo momentos, pero sin las columnas mas internas (color verde)
Código HTML:
<table border="1" style="font-size:9px; " align="center" width="100%" cellspacing="0" cellpadding="0"> <tr align="center" > <td>ARTIÍCULOS POR ESPECíFICAS</td> <td>UNIDAD DE<br>MEDIDA</td> <td>PRECIO BsF</td> <td> <table cellspacing="0" cellpadding="0" border="1"> <tr> <td colspan="4">CANTIDAD SOLICITADA Y MONTO EN BOLIVARES POR PERIODO DE EJECUCION</td> </tr> <tr align="center"> <td width="25%">T1</td> <td width="25%">T2</td> <td width="25%">T3</td> <td width="25%">T4</td> </tr> </table> </td> <td>TOTAL CANTIDAD</td> <td colspan="2">TOTAL MONTO <br>COMPRAS</td> <td>MONTO PPTO<br> ASIGNADO</td> <td>DIFERENCIA</td> </tr> <tr></tr> </table>:neurotico