테이블 행을 특정 CSS 클래스의 링크로 만들기

Question

현재 팝업 창에 스크립트를 사용하고 있습니다. 링크를 누르면 멋진 그래픽 팝업 창이 나타납니다. 내 문제는, 그것은 현재의 양식에 텍스트 링크, 잘 작동합니다. 그러나 링크 전체가 링크가있는 행이되고 밀어 낼 수 있도록하고 링크 대신 팝업 창을 열어주세요.

일부는 내가 어떤 종류의 onlick 명령을 사용해야한다고하지만, 내 문제는 내 현재 링크는 다음과 같이 정의되어있다 :

<a href="#?w=400" rel="popup1" class="poplight">Link</a> 

그리고 방법에 확인해과 클래스를 추가 할 생각이 없다 행 fx에 대한 onclick 명령. 이렇게하려면 현명한 방법이 있습니까?

Answer 1

당신은 당신이 <div>에 연결하고 폭과 높이를 100 % 모두를 설정할 텍스트를 추가,

단순히 전체 세포에게 링크를 만들기 위해이 트릭을 사용할 수 있습니다

HTML :

<td><a href="#"><div>link</div></a></td> 

CSS : 당신이 JSfid에서 예를 볼 수 있습니다

td>a>div {width:100%; height:100%} 

dle (두 번째 행) : http://jsfiddle.net/w8W4L/