전체보기를 링크 가능하게 만드는 방법은 무엇입니까?

Question

전체보기를 링크 가능하게 만들고 싶습니다.

이

내 재 작성 규칙입니다 :

내가

<div class="news_column_wrapper z-depth-1 card"> 
<a href="[path]"> 
     <div class="news_column_images card-image">[field_images]</div> 
     <div class="news_column_content_wrapper"> 
     <div class="news_column_created"><i class="fa fa-clock-o"></i>&nbsp;[created]</div> 
     <div class="news_column_title">[title]</div> 
     </div> 
</a> 
     </div> 

으로 시도 :이 내 시야 screenshoot입니다

<div class="news_column_wrapper z-depth-1 card"> 
<div class="news_column_images card-image">[field_images]</div> 
<div class="news_column_content_wrapper"> 
<div class="news_column_created"><i class="fa fa-clock-o"></i>&nbsp;[created]</div> 
<div class="news_column_title">[title]</div> 
</div> 
</div> 

, 나는 전체 박스 클릭을 만들고 싶어

하지만 아무 일도 발생하지 않습니다. 어떻게하면 될까요?

Answer 1

드루팔 (Drupal)보다 HTML 문제가 더 중요하다고 생각합니다. <a> 태그는 인라인 태그이며, <div> 개의 태그가 포함되어 있습니다. <a> 태그가 자연스럽게 표시되면 텍스트 만 클릭 할 수 있습니다.

CSS를 사용하여 <a>을 블록 요소로 만들면 클릭 가능한 영역이 전체 블록으로 확장됩니다.

먼저 귀하의 링크에 클래스를 추가

<a class='block_link'> 
    <h2>My title</h2> 
    <div>My content</div> 
</a> 

그런 다음 CSS에서, 블록처럼 표시하는 <a> 태그를합니다.

a { 
    display:block; 
} 

그 트릭을해야합니다.