현재 위치

  1. 게시판
  2. 자주하는질문

자주하는질문

자주하는질문

게시판 상세
제목 모바일이미지에 이미지맵걸기
작성자 designbest1 (ip:)
  • 작성일 2017-10-22
  • 추천 추천하기
  • 조회수 173
평점 0점


<style type="text/css">
 .imagemap {position:relative;width:device-width;}

   
    .link1 {position:absolute; top:32%; left:84%; width:14%; height:3%;}
   
    .link2 {position:absolute; top:38%; left:14%; width:14%; height:3%;}
    .link3 {position:absolute; top:38%; left:28%; width:14%; height:3%;}
    .link4 {position:absolute; top:38%; left:42%; width:14%; height:3%;}
    .link5 {position:absolute; top:38%; left:56%; width:14%; height:3%;}
    .link6 {position:absolute; top:38%; left:70%; width:14%; height:3%;}
    .link7 {position:absolute; top:38%; left:84%; width:14%; height:3%;}
   
    .link8 {position:absolute; top:44%; left:14%; width:14%; height:3%;}
    .link9 {position:absolute; top:44%; left:28%; width:14%; height:3%;}
    .link10 {position:absolute; top:44%; left:42%; width:14%; height:3%;}
    .link11 {position:absolute; top:44%; left:56%; width:14%; height:3%;}
    .link12 {position:absolute; top:44%; left:70%; width:14%; height:3%;}
    .link13 {position:absolute; top:44%; left:84%; width:14%; height:3%;}
   
    .link14 {position:absolute; top:49%; left:14%; width:14%; height:3%;}
    .link15 {position:absolute; top:49%; left:28%; width:14%; height:3%;}
    .link16 {position:absolute; top:49%; left:42%; width:14%; height:3%;}
    .link17 {position:absolute; top:49%; left:56%; width:14%; height:3%;}
    .link18 {position:absolute; top:49%; left:70%; width:14%; height:3%;}
    .link19 {position:absolute; top:49%; left:84%; width:14%; height:3%;}
   
    .link20 {position:absolute; top:55%; left:14%; width:14%; height:3%;}
    .link21 {position:absolute; top:55%; left:28%; width:14%; height:3%;}
    .link22 {position:absolute; top:55%; left:42%; width:14%; height:3%;}
    .link222 {position:absolute; top:55%; left:56%; width:14%; height:3%;}
 
   
 
   
    .link24 {position:absolute; top:65%; left:70%; width:14%; height:3%;}
    .link25 {position:absolute; top:65%; left:84%; width:14%; height:3%;}
   
    .link26 {position:absolute; top:71%; left:14%; width:14%; height:3%;}
    .link27 {position:absolute; top:71%; left:28%; width:14%; height:3%;}
    .link28 {position:absolute; top:71%; left:42%; width:14%; height:3%;}
    .link29 {position:absolute; top:71%; left:56%; width:14%; height:3%;}
    .link30 {position:absolute; top:71%; left:70%; width:14%; height:3%;}
    .link31 {position:absolute; top:71%; left:84%; width:14%; height:3%;}
   
    .link32 {position:absolute; top:76%; left:14%; width:14%; height:3%;}
    .link33 {position:absolute; top:76%; left:28%; width:14%; height:3%;}
    .link34 {position:absolute; top:76%; left:42%; width:14%; height:3%;}
    .link35 {position:absolute; top:76%; left:56%; width:14%; height:3%;}
   
    .link23 {position:absolute; top:76%; left:70%; width:14%; height:3%;}
 </style>


 <div class="imagemap">
  <img src="http://cjhessal.cafe24.com/web/upload/skin3_category28_top.jpg" width=100% >
  <img src="http://cjhessal.cafe24.com/web/upload/dbest/days.jpg" width=100% border="0"/>
<a class="link1" HREF="/product/detail.html?product_no=140&cate_no=28&display_group=1"></a>
                   
<a class="link2" HREF="/product/detail.html?product_no=100&cate_no=28&display_group=1"></a>
<a class="link3" HREF="/product/detail.html?product_no=75&cate_no=28&display_group=1"></a>
<a class="link4"  HREF="/product/detail.html?product_no=76&cate_no=28&display_group=1"></a>
<a class="link5"  HREF="/product/detail.html?product_no=77&cate_no=28&display_group=1"></a>
<a class="link6"  HREF="/product/detail.html?product_no=99&cate_no=28&display_group=1"></a>
<a class="link7"  HREF="/product/detail.html?product_no=98&cate_no=28&display_group=1"></a>
                   
<a class="link8"  HREF="/product/detail.html?product_no=79&cate_no=28&display_group=1"></a>
<a class="link9"  HREF="/product/detail.html?product_no=81&cate_no=28&display_group=1"></a>
<a class="link10"  HREF="/product/detail.html?product_no=80&cate_no=28&display_group=1"></a>
<a class="link11"  HREF="/product/detail.html?product_no=132&cate_no=28&display_group=1"></a>
<a class="link12"  HREF="/product/detail.html?product_no=83&cate_no=28&display_group=1"></a>
<a class="link13"  HREF="/product/detail.html?product_no=124&cate_no=28&display_group=1"></a>
<a class="link14"  HREF="/product/detail.html?product_no=84&cate_no=28&display_group=1"></a>
<a class="link15"  HREF="/product/detail.html?product_no=86&cate_no=28&display_group=1"></a>
<a class="link16"  HREF="/product/detail.html?product_no=85&cate_no=28&display_group=1"></a>
<a class="link17"  HREF="/product/detail.html?product_no=87&cate_no=28&display_group=1"></a>
<a class="link18"  HREF="/product/detail.html?product_no=89&cate_no=28&display_group=1"></a>
<a class="link19"  HREF="/product/detail.html?product_no=90&cate_no=28&display_group=1"></a>
<a class="link20"  HREF="/product/detail.html?product_no=91&cate_no=28&display_group=1"></a>
<a class="link21"  HREF="/product/detail.html?product_no=93&cate_no=28&display_group=1"></a>
<a class="link22"  HREF="/product/detail.html?product_no=92&cate_no=28&display_group=1"></a>
<a class="link222"  HREF="/product/detail.html?product_no=94&cate_no=28&display_group=1"></a>


    
<a class="link24"  HREF="/product/detail.html?product_no=95&cate_no=28&display_group=1"></a>   
<a class="link25"  HREF="/product/detail.html?product_no=96&cate_no=28&display_group=1"></a>
    
<a class="link26"  HREF="/product/detail.html?product_no=97&cate_no=28&display_group=1"></a>
<a class="link27"  HREF="/product/detail.html?product_no=126&cate_no=28&display_group=1"></a>
<a class="link28"  HREF="/product/detail.html?product_no=125&cate_no=28&display_group=1"></a>
<a class="link29"  HREF="/product/detail.html?product_no=127&cate_no=28&display_group=1"></a>
<a class="link30"  HREF="/product/detail.html?product_no=133&cate_no=28&display_group=1"></a>
<a class="link31"  HREF="/product/detail.html?product_no=134&cate_no=28&display_group=1"></a>
    
<a class="link32"  HREF="/product/detail.html?product_no=135&cate_no=28&display_group=1"></a>
<a class="link33"  HREF="/product/detail.html?product_no=137&cate_no=28&display_group=1"></a>
<a class="link34"  HREF="/product/detail.html?product_no=136&cate_no=28&display_group=1"></a>
<a class="link35"  HREF="/product/detail.html?product_no=138&cate_no=28&display_group=1"></a>
    
<a class="link23"  HREF="/product/detail.html?product_no=139&cate_no=28&display_group=1"></a>    
    
 </div>

첨부파일
비밀번호 * 수정 및 삭제하려면 비밀번호를 입력하세요.
관리자게시 스팸신고 스팸해제
목록 삭제 수정 답변
댓글 수정

비밀번호 :

수정 취소

/ byte


즐겨찾기 공지사항