Question

我使用Drupal 6，主题为summertime。我也使用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;">

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

Answer 1

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

table td { border: 0; }

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

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

Answer 3

CSS中可能设置了边框。 Drupal core的system.css在表头和主体上设置了一些边界，这可能是一种难以覆盖的问题。

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

然后尝试添加：

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

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

Answer 4

我在搜索其他东西时发生了这件事。这已经过时了，但我想我还是会发表评论。其他人可能会觉得有帮助。

除了执行上面提到的一些操作之外，只需向表本身添加特定ID或CLASS名称就更简单了，然后您可以在CSS中为该表指定设置。

HTML：

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

CSS：

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

html使表边框不可见

4 个答案: