Структура таблицы макета

Question

Я хочу, чтобы мой макет таблицы, чтобы быть похожим на это:

В этот момент мой стол выглядит так:

"Carrinho де Compras "Кнопка должна быть ниже всех.

Я попытался изменить некоторые вещи, как положить <th></th> для imagem, но это не сработало, оно осталось на левой стороне nome.

Код таблицы:

<table border="1" cellspacing="1px" cellpadding="4px" style="display: inline-block; "> 
<tbody> 
<tr> 
    <?php echo '<img STYLE="width="150" height="150";" src="data:image/jpg;base64,'.base64_encode($row['imagem']).'"/>';?> 
</tr> 
<th> 
    <?php echo $row['nome']; ?> 
</th> 
<tr class="record"> 
    <td>REF:</td> 
    <td><?php echo $row['ref']; ?></td> 
    <td>Preço:</td> 
    <td><?php echo $row['preco']; ?></td> 
    <tr><form method="post" action="https://www.paypal.com/cgi-bin/webscr" target="paypal"> 
      <input type="hidden" name="cmd" value="_cart"> 
      <input type="hidden" name="add" value="1"> 
      <input type="hidden" name="business" value=""> 

      <input type="hidden" name="item_name" value="<?php echo $row['nome']; ?>"> 
      <input type="hidden" name="quantity" value="1"> 
      <input type="hidden" name="amount" value="<?php echo $row['preco']; ?>"> 

      <input type="image" src="https://www.paypalobjects.com/pt_PT/PT/i/btn/btn_cart_SM.gif" border="0" name="submit" alt="PayPal - A forma mais fácil e segura de efetuar pagamentos online!"> 
      <img alt="" border="0" src="https://www.paypalobjects.com/pt_PT/i/scr/pixel.gif" width="1" height="1"> 
     </form> 
    </tr> 
</tr> 
</tbody> 
</table> 

CSS код:

 #tb { 
     width: 100px; 
     border-collapse: collapse; 
     margin-top: -400px; 
     margin-left: 260px; 
     text-align: left; 
     padding: 1em; 
     border: 1px solid black; 
     background-color:blue; 
    } 

    th { 
     border-collapse: collapse; 
     text-align: left; 
     border: 0; 
    } 

И не беспокойтесь о границах, и цвета, я просто хочу, чтобы структура сделал.

Answer 1

Это сделано:

<table border="1" cellspacing="1px" cellpadding="4px" style="display: inline-block; "> 
<tbody> 
<th colspan="4"> 
    <img height="300" width="300" src="data:image/jpg;base64,<?php echo $row['imagem']; ?>" /> 
</th> 
<tr> 
    <td colspan="4"> 
     <?php echo $row['nome']; ?> 
    </td> 
</tr> 
<tr class="record"> 
    <td>REF:</td> 
    <td><?php echo $row['ref']; ?></td> 
    <td>Preço:</td> 
    <td><?php echo $row['preco']; ?></td>