Plone (초보자)의 링크로 제공되는 표 셀

Question

여기에 새롭고 유감스럽게도. 나는 HTML 초보자이다.

나는에서 링크 로 플론 (Plone)테이블 셀을 사용하려합니다. 나는 '탭'의 환상을 만들고 싶습니다. (현재 CSS에서는 사용할 수 없기 때문에) 텍스트에 밑줄을 쓰고 싶지는 않지만, 다른 페이지로 이동하는 다른 페이지의 기능을 원합니다.

온라인으로 몇 가지 제안을 시도했지만 첫 번째 셀에 밑줄이 생기고 텍스트 만 연결되어 있기 때문에 작동하지 않는 것 같습니다. 나는 그들이 이미지를 연결하는 것처럼 모든 세포 즉 다른 페이지에 링크해야

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

: 같은 예 :은 :

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

내 테이블 행은 현재 보인다.

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>