Question

我已将表格代码粘贴到gridContainer div中的新div（使用Fluid Grid Layout选项）一切似乎都很好，但细胞间距定义，当我试图改变间距没有任何反应时，它保持在0。

以下是表格标记：

<table align="center" cellpadding="0" cellspacing="15">
    <col span="7" width="160px" />
    <row span="7" width="160px" />
    <!---Row 1--->  
    <tr align="center"  height="160px">
        <td colspan="2" >
            <img src="images/buttons/Optimus.png" />
            </td>
        <td colspan="2" >
            <img src="images/buttons/MapleSim.png">
            </td>
        <td colspan="2" >
            <a href="content/maple.html" ><img src="images/buttons/Maple.png"></a>
            </td>
        <td colspan="1" bgcolor="#40b040">
            <img src="images/buttons/about_us.png">
            </td>
    </tr>

    <!---Row 2--->  
    <tr align="center"  height="160px">
        <td colspan="2" bgcolor="#40b040">
            <img src="images/buttons/QFD.white.png">
            </td>
        <td colspan="1" bgcolor="#cc00cc">
            <img src="images/buttons/learning_maple.png">
            </td>
        <td colspan="3" rowspan="2" 
            align="left" valign="top" bgcolor="#aaaaff">
            <img src="images/buttons/news.png">                 
            News will be shown here
            </td>
        <td colspan="1" bgcolor="#ff0000">
            <img src="images/buttons/services.png">
            </td>
    </tr>

    <!---Row 3--->  
    <tr align="center"  height="160px">
        <td colspan="1" bgcolor="#6766cc">
            <img src="images/buttons/events.png">
            </td>
        <td colspan="1" bgcolor="#cccc00">
            <img src="images/buttons/forum.png">
            </td>
        <td colspan="1" bgcolor="#4040ff">
            <img src="images/buttons/links.png">
            </td>
        <td colspan="1" bgcolor="#ffbf00">
            <img src="images/buttons/shopping_cart.png">
            </td>
    </tr>

    <!---Row 4--->  
    <tr align="center"  height="160px">
        <td colspan="2" bgcolor="#ff0000">
            <img src="images/buttons/commercial_users.png">
            </td>
        <td colspan="1" bgcolor="#ffbf00">
            <img src="images/buttons/student_special.png">
            </td>
        <td colspan="1" bgcolor="#40b000">
            <img src="images/buttons/student_special.png">
            </td>
        <td colspan="1" bgcolor="#ff00cc">
            <img src="images/buttons/instruction.png">
            </td>
        <td colspan="1" bgcolor="#cc00cc">
            <img src="images/buttons/learning_maple.png">
            </td>
        <td colspan="1" bgcolor="#4040ff">
            <img src="images/buttons/download.png">
            </td>
    </tr>
</table>

您可以在此行<table align="center" cellpadding="0" cellspacing="15">中看到间距为15，但在检查任何浏览器时，它显示为设置为0

任何想法如何解决？

提前致谢，沙哈尔

Answer 1

好吧，我猜我太仓促了。

该表似乎使用了来自boilerplate.css的两个定义

table {
    /* [disabled]border-collapse: collapse; */
    /* [disabled]border-spacing: 0; */
}

如您所见，只需禁用它们即可解决问题。如果有任何其他选项要覆盖而不禁用（也许使用！important）我会很高兴知道它。

cellSpace在DreamWeaver CS6中不起作用

1 个答案: