作为Plone（新手）中的链接存在表格单元格

Question

这里有新内容 - 遗憾地说;我是一个HTML新手。

我想使用表单元格为链接在Plone的。我想创建'选项卡'的错觉（因为这在当前的CSS中不可用），并且不希望文本被加下划线，但我还希望另一个页面的功能可以将单元格导向另一页面。

我在网上尝试了一些建议，它似乎不工作，因为它使第一个单元格下划线，只有文本链接。例如： -

<td><a href="http://example.com"> hello world </a></td> 

我的表行目前的样子：

<table class="data"> 
 
    <tbody> 
 
    <tr> 
 
     <th class="green" style="text-align: center; ">Tab A</th> 
 
     <th class="white" style="text-align: center; "> 
 
     <a class="internal-link" href="www.google.com"></a>Tab B</th> 
 
     <th class="white" style="text-align: center; ">Tab C</th> 
 
     <th class="white" style="text-align: center; ">Tab D</th> 
 
    </tr> 
 
    </tbody> 
 
</table>

我需要的，好像他们是链接的图像所有这些细胞链接到其他网页，即。

Answer 1

试试看看这个代码。

table.data th > a { 
 
    display: block; 
 
    text-align: center; 
 
    text-decoration: none; 
 
    padding: 3px 5px; 
 
}

<table class="data"> 
 
    <tbody> 
 
    <tr> 
 
     <th class="green"><a href="http://example1.com">Tab A</a></th> 
 
     <th class="white"><a href="http://example2.com">Tab B</a></th> 
 
     <th class="white"><a href="http://example3.com">Tab C</a></th> 
 
     <th class="white"><a href="http://example3.com">Tab D</a></th> 
 
    </tr> 
 
    </tbody> 
 
</table>