Question

我创建了一个表，其中每行包含两个按钮，两个按钮连接在一起，我想分开两个按钮。我用过哪些不起作用，css也是另一种方式。

我有另一个问题，因为我不想在表格边框内显示操作按钮，但在桌子附近显示它。

<table style="border:2px solid white; cellpadding=10 cellspacing=0">
    <tr style="background:#00B050;color:#fff;">
	
        <th>Name</th>
        <th>Image</th>
        <th>Description</th>
        <th>Contact Renter</th>
        <th>Rent price</th>
		<th>Action</th>
    </tr>

<?php
    while($row = mysql_fetch_array($result)) {
?>
    <tr>
        <td><?php echo $row['productname'];?></td>
        <td><img src='./images/products/<?php echo $row["productimage"];?>' width='150' height='100' alt=''></td>
        <td><?php echo $row['productdescription'];?></td>
        <td><?php echo $row['rentersdetails'];?></td>
        <td><?php echo $row['rentprice'];?></td>
		<td>
     <input class="button_normal" type="button" value="Find Renter" onclick="window.open('https://www.google.co.uk/maps/')"/>
	 <input class="button_normal" type="button" value="Mail Renter" onclick="window.open('mailto:')"/>
  </td>   
    </tr>
<?php

Answer 1

好的，所以如果我理解正确，你希望按钮是＆＃34;在外面＆＃34;的表。您可以通过定位最后一个th和td来删除边框和背景颜色（只需隐藏th）。它仍然会在桌面上，但不会像那样。

在下面编辑的代码段中，您可以看到我添加了一些内嵌样式。使用外部样式表更好，因此请务必定位正确的th和input！查看:nth-child() - 选择器作为可能的解决方案。

＆＃13;

<table style="border:2px solid white; cellpadding=10 cellspacing=0">
    <tr style="background:#00B050;color:#fff;">
	
        <th>Name</th>
        <th>Image</th>
        <th>Description</th>
        <th>Contact Renter</th>
        <th>Rent price</th>
		<th style="display:none">Action</th>
    </tr>

<?php
    while($row = mysql_fetch_array($result)) {
?>
    <tr>
        <td><?php echo $row['productname'];?></td>
        <td><img src='./images/products/<?php echo $row["productimage"];?>' width='150' height='100' alt=''></td>
        <td><?php echo $row['productdescription'];?></td>
        <td><?php echo $row['rentersdetails'];?></td>
        <td><?php echo $row['rentprice'];?></td>
		<td style="min-width:200px">
     <input class="button_normal" type="button" value="Find Renter" onclick="window.open('https://www.google.co.uk/maps/')"/>
	 <input style="margin-left:20px" class="button_normal" type="button" value="Mail Renter" onclick="window.open('mailto:')"/>
  </td>   
    </tr>
<?php

＆＃13;

这一切都用非常基本的CSS修复，所以如果你遇到这个问题，我会认真考虑在线学习一些CSS教程！

表格中按钮之间的HTML空间

1 个答案: