html使表格边框不可见答案

【问题标题】：html making table borders invisiblehtml使表格边框不可见
【发布时间】：2010-01-02 20:40:37
【问题描述】：

我使用主题为 summertime 的 Drupal 6。我也使用 FCKeditor。为了对齐内容，我想创建一个带有不可见边框的表格。首先，我尝试了 FCKEditor 表属性，并将边框大小设为 0 以使边框不可见。但它没有用。我查看了源代码，非工作代码如下所示（为什么给border =“0”不起作用？）：

<table width="468" cellspacing="0" cellpadding="0" border="0" style="width: 468px; height: 201px;">
    <tbody>
        <tr>
            <td>
            <h2 class="rtecenter"><a href="http://mydomain.com/url"><strong>Content </strong></a></h2>
            </td>
            <td><img src="/sites/mydomain.com/files/sample.jpg" alt="" /></td>
        </tr>
    </tbody>
</table>

然后我尝试了：

<table width="468" cellspacing="0" cellpadding="0" style="border: medium hidden ; width: 468px; height: 201px;">

表格边框现在不可见，但单元格边框仍然可见。我怎样才能让它完全看不见。谢谢。

【问题讨论】：

标签： html drupal

【解决方案1】：

边框属性应在单元格级别指定，例如<td style="border: 0;">。当然，这应该在 CSS 中使用：

table td { border: 0; }

但我认为在你的情况下这可能很困难。

【讨论】：

【解决方案2】：

应该这样做：

<table width="468" cellspacing="0" cellpadding="0" border="0" style="width: 468px; height: 201px;">
<tbody>
    <tr>
        <td style="border: 0">
        <h2 class="rtecenter"><a href="http://mydomain.com/url"><strong>Content </strong></a></h2>
        </td>
        <td style="border: 0"><img src="/sites/mydomain.com/files/sample.jpg" alt="" /></td>
    </tr>
</tbody>

【讨论】：

【解决方案3】：

CSS 中可能设置了边框。 Drupal 核心的 system.css 为表头和正文设置了一些边界，覆盖起来很麻烦。

您可以向主题添加自定义 CSS 文件，以避免直接编辑其 CSS。只需在主题的 .info 文件中添加您添加的 .css 文件的路径即可。

然后尝试添加：

tbody,
thead,
thead th,
tr.even,
tr.odd {
  border: 0;
}

不要忘记关闭 CSS 聚合并清除缓存。

【讨论】：

很好，但我只想将不可见的边框应用于某个页面。 Summertime 已经有一个 local.css 文件，如果我在那里编写 custome css，它将覆盖我不想要的任何地方。如果您知道如何将其限制在某些页面，请告诉我。
您的主题可能在每页的标记上放置了类。检查那里是否有唯一的类，或者在
中的某处包装您可以定位的节点。或者你可以将它定位在 .content （或类似的东西）中，它只会在节点内容中。如果这些都不适合您，您还可以将其添加到 node.tpl.php 文件中的包装器 div 中： id="node-nid; ?>"

【解决方案4】：

我只是在寻找其他东西时偶然发现了这一点。这是旧的，但我想我还是会发表评论。其他人可能会觉得它有帮助。

与其做上面提到的一些事情，不如向表本身添加一个特定的 ID 或 CLASS 名称会更简单，然后您可以在 CSS 中为该表指定设置。

HTML：

<table .... id="exampleclass">

CSS：

#exampleclass tbody,
#exampleclass thead, 
#exampleclass th { 
  border: 0; 
}

【讨论】：