表布局结构

-2

我希望我的表布局是这样的：表布局结构

在这一刻我的表看起来像这样：

的“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; 
    }

而且不必担心边界，而且颜色，我只想做结构。

来源

2016-06-07 fabimetabi

1 - 你不能把图像中的表行（TR）... 2 - 你不能只是有一个TH这不是在表行... 3 - 它看起来像你需要在你的（预期的）标题行上的colSpan ... –

我不明白你的意思。那么我怎样才能让我的图像出现在桌子上？ @TonyDuffill – fabimetabi

我不完全理解你的意图 - 如果你的例子是一个表，那么你只需要遵循表结构规则... 数据或图像 ...但由于您的最后一行有4列，你需要前两行的。请查看如何格式化表格，或者更好的是，使用div来解决问题。 –

它做：

<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>

来源

2016-06-12 18:49:59 fabimetabi

回答

相关问题