2017-03-28 30 views
1

這裏有新內容 - 遺憾地說;我是一個HTML新手。作爲Plone(新手)中的鏈接存在表格單元格

我想使用表單元格鏈接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>

我需要的,好像他們是鏈接的圖像所有這些細胞鏈接到其他網頁,即。

+0

您通常可以有更好的運氣張貼在我們的論壇,https://community.plone.org(更多的眼球)的問題,但我張貼在論壇上的鏈接,你的問題在這裏 –

+0

避免使用表格,改用列表:https://www.thoughtco.com/dont-use-tables-for-layout-3468941 –

回答

0

試試看看這個代碼。

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>

+0

感謝Vinit。不幸的是,代碼的第一部分保留爲文本,並且我在表格後面加上鍊接的單詞;像以前一樣......我應該在table.data th> a {前加上一些東西來表示它嗎? – PinkFruitcake

+0

代碼的第一部分是CSS。您需要將其添加到CSS文件中,或者如果沒有CSS文件,您可以將其添加到文件的'