Html таблица - таблица в ячейке

Question

мне нужно сделать это в этой ячейке:

Я дам вам свой HTML прямо сейчас:

<TH >Lieu Livraison<br /><br /><br /> 
       <TABLE border="1" style="width:100%" > 
       <TR> 
        <TH style="width:31%; height:25px;">GPS 
        </TH> 
        <TH style="width:79%; height:25px;">Adresse 
        </TH> 
       </TR> 
      </TABLE> 
     </TH> 

Мой HTML дать этому:

Но, он скучает по мне только:

Можете ли вы помочь мне удалить это пространство, как вы можете видеть на моих нескольких снимках экрана, пожалуйста?

Answer 1

Попробуйте использовать таблицу collapse и границы таблиц в CSS, как показано ниже. Я не делал ширины, высоты и цветов, поскольку это было бы излишним. Кроме того, вместо добавления дополнительной таблицы в таблицу я использовал colspan.

table, th, td { 
 
    border: solid; 
 
    margin: 0; 
 
    border-collapse: collapse; 
 
}

<table> 
 
<tr><th colspan="2">Main heading</th><tr> 
 
    <tr><th>Other text</th><th>other Text</th></tr> 
 
<tr><td>Other text</td><td>other Text</td></tr> 
 
</table>