html制作表格边框隐形

我使用Drupal 6与主题summertime。我也使用FCKeditor。为了对齐内容，我想创建一个带有不可见边框的表格。首先，我尝试了FCKEditor表格属性，并且为了使边框不可见，我给了0以边框尺寸。但它没有奏效。我抬起头，源和非工作代码就像下面（为什么给边界=“0”没有工作？）：html制作表格边框隐形

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

表边界现在是无形的，但单元格边框仍然可见。我怎样才能使它完全隐形。谢谢。

来源

2010-01-02 Gok Demir

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

table td { border: 0; }

但我看到在你的情况下，这可能是困难的。

来源

2010-01-02 20:48:39

它应该做的事是这样的：

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

来源

2010-01-02 20:50:25

有可能是边界在CSS设置。 Drupal核心的system.css在表格标题和正文上设置了一些边界，这可能是一个很难覆盖的问题。

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

然后尝试添加：

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

不要忘记关闭CSS聚集和清除缓存。

来源

2010-01-03 06:07:43 stephthegeek

好抓，但我只是想无形的界限适用于某一特定页面。夏令时已经有一个local.css文件，如果我写了custome css在那里它会覆盖到任何我不想要的。如果你知道如何限制它到某些页面，请让我知道。 – 2010-01-03 21:40:49

您的主题可能会在每页上放置标记。检查是否存在唯一的类，或者包含可以定位的节点的某个位置。或者你可以将它定位在仅包含节点内容的.content（或类似的东西）中。如果以上都不适用，也可以将它添加到node.tpl.php文件中的包装div： id =“node - <？php print $ node-> nid;？> – stephthegeek 2010-01-05 17:51:33

我只是在寻找其他东西时发生这种情况。这是旧的，但我想我会评论。其他人可能会发现它有帮助。

而不是做一些上面提到的事情，只需要在表中添加一个特定的ID或CLASS名称就可以了，那么你可以在CSS中为该表指定设置。

HTML：

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

CSS：

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

来源

2010-11-03 22:37:09 agentblue

html制作表格边框隐形

回答

相关问题