0
이 장소의 모든 곳을 검색해 보았습니다. 그래서 나는 바보이고 정확히 무엇을 검색해야하는지 또는 대답을하지 못했습니다. CSS 초보자이기 때문에 이전의 추측을 통해 사전에 도움을주었습니다.중첩 된 div의 전체 그룹을 jCarousel을 사용하여 클릭 가능한 하나의 객체로 만들기
는 여기에 내가 할 노력하고있어 무엇 :
내가 항목 집합을 표시하는 jCarousel 있습니다. 각 항목은 그림의 구성과 일부 텍스트는 다음과 같이되어 다음과 같이
<li>
<div class='jcarousel_item_part_pr'>
<div class='jcarousel_item_top_pr'></div>
<div class='jcarousel_item_midd_pr'>
<div class='jcarousel_item_thumb_pr'>
<a href='http://my.url' title='Item Name>
<img src='http://my.url/image' width='115' height='115' alt='Item Name' title='Item Name'>
</a>
</div>
<div class='jcarousel_item_name_pr'>
<span class='jcarousel_item_store_cap'>
<a href='http://my.url' title='Item Name'>Item Name</a>
</span>
<span class='jcarousel_item_store_cap_p'>
<a href='http://my.url' title='Location'>Location</a>
</span>
<span class='jcarousel_item_store_cap_sub_p'>$Cost</span>
</div>
</div>
<div class='jcarousel_item_bottom_pr'></div>
</div>
연관된 CSS는 다음과 같습니다
.jcarousel_item_part_pr{ width:180px; height:190px; float:center; margin-right:13px; margin-bottom:20px;}
.jcarousel_item_part_pr a{display:block;}
.jcarousel_item_top_pr{ background:url(../images/pr_top.png) top left no-repeat; height:5px; width:180px;}
.jcarousel_item_bottom_pr{ background:url(../images/pr_bottom.png) top left no-repeat; height:5px; width:180px;}
.jcarousel_item_midd_pr{ background:url(../images/pr_midd.png) top left repeat-y; height:180px; width:180px; position:relative;}
.jcarousel_item_thumb_pr{text-align:center; position:absolute; left:15px; bottom:42px; top:10px; width:150px;}
.jcarousel_item_name_pr{ width:170px; height:auto; position:absolute; left:5px; bottom:1px;}
.jcarousel_item_name_pr p{ font-family:Arial, Helvetica, sans-serif; color:#ffffff; font-size:13px; font-weight:bold; text-align:center; padding:2px 0 0 0;}
.jcarousel_item_name_pr p a{ font-family:Arial, Helvetica, sans-serif; color:#ffffff; font-size:13px; font-weight:bold; text-align:center; text-decoration:none;}
.jcarousel_item_name_pr p a:hover{ color:#ffffff; text-decoration:none;}
는 현재 항목의 유일한 클릭 할 부분이 아이템 이름이다는 위의 코드에서 볼 수 있듯이 위치 및 그림이 표시됩니다. jCarousel 항목 전체를 클릭 할 수있게 만들고 싶습니다. 나는 "display : block;"을 사용하려고 시도했다. CSS에서 전체 내용을 블록 및 링크로 처리하지만 실패했습니다. 하나의 div를 클릭 할 수있게 만드는 방법을 설명하는 여러 리소스를 발견했지만 div 그룹을 클릭 할 수있는 단일 개체로 만드는 방법에 대해서는 설명하지 않았습니다.
모든 안내가 매우 감사하겠습니다. 이 문제를 해결하기 위해 추가 정보가 필요한지 알려주십시오.
미리 감사드립니다.