Объединить несколько таблиц

Question

Я пытаюсь объединить таблицы вместе, используя colspan, но can not, кажется, создает мою таблицу. Как я могу объединить таблицы столбцы вместе, как следующее:

Answer 1

Общая схема будет:

table, 
 
td { 
 
    border: 1px solid #000; 
 
} 
 
table { 
 
    width: 50%; 
 
    border-collapse: collapse; 
 
}

<table> 
 
    <tr> 
 
    <td rowspan="2">&nbsp;</td> 
 
    <td rowspan="2">&nbsp;</td> 
 
    <td>&nbsp;</td> 
 
    <td>&nbsp;</td> 
 
    </tr> 
 
    <tr> 
 
    <td>&nbsp;</td> 
 
    <td>&nbsp;</td> 
 
    </tr> 
 
</table>

Answer 2

Вот решение

HTML код здесь :

<table width="500" border="1" cellpadding="0" cellspacing="0"> 
    <tr> 
    <td rowspan="2">&nbsp;</td> 
    <td rowspan="2">&nbsp;</td> 
    <td>&nbsp;</td> 
    <td>&nbsp;</td> 
    </tr> 
    <tr> 
    <td>&nbsp;</td> 
    <td>&nbsp;</td> 
    </tr> 
</table> 

код CSS здесь:

table,td { 
    border-collapse: collapse; 
} 

JS скрипка Ссылка: http://jsfiddle.net/naveenkumarpg/543c3896/

, если вам нужен точные ширины для ТДА вы должны использовать селектор класса и настроить соответствующим образом