모바일버전 이미지맵태그 문의드립니다!!

그래서 제가 말씀드린 부분이..이겁니다..

 

모바일버전에서는 pc버전과 달리 열div에 픽셀사이즈가 따로 지정이 안되어 있어서 가로로 4가지 이미지를 각각 못 넣어서...

 

PC버전처럼 열박스가 가로로 세워져야 이미지를 각각 넣는데

열박스가 세로로 쌓이기때문에 4가지 이미지를 가로로 넣을 수가 없던데요..

가로로 이미지를 각각 넣을 방법이 있는건가요? 

 

 

----------------------------------------------------------------------------------------

 

 

 

모바일버전에서 가로로 4가지 이미지를 넣고 링크도 따로 걸어야 합니다.

모바일버전에서는 pc버전과 달리 열div에 픽셀사이즈가 따로 지정이 안되어 있어서 가로로 4가지 이미지를 각각 못 넣어서...

하나의 이미지로 뭉쳐서 이미지맵 태그로 각각 링크를 걸어 사용하려고 메뉴얼대로 따라했습니다.

 

메뉴얼대로 모바일 메인페이지 메타js(컨텐츠시작) 부분에

 

<map name="모바일메인">
<area shape="rect" coords="x1,y1,x820,y250" href="/insiter.php?design_file=544.php" title="건강즙선택정보">
<area shape="rect" coords="x251,y1,x1070,y250" href="http://blog.naver.com/thezeub" title="더즙블로그">
<area shape="rect" coords="x1071,y1,x1360,y250" href="/insiter.php?design_file=545.php" title="더즙인증서정보">
<area shape="rect" coords="x1361,y1,x1640,y250" title="더즙기사자료">
</map>

 

이렇게 넣고, 메뉴얼대로 진행을 해서 각각 이미지맵태그로 링크를 걸어놨습니다.

 

근데, 모바일에서 이미지가

썸네일 적용이 되듯이 각 링크를 적용한 태그맵도 같이 적용이 되어야 하는데 그게 안되서

휴대폰으로는 링크가 1개로밖에 안 걸리네요..ㅜ.ㅜ

 

아니면 다른 방법이 있나요??

 

 

 

 

· 관련키워드

메인페이지,모바일메인,썸네일,이미지맵,모바일버전,정보,이미지맵태그,href,pc버전,모바일이미지맵태그, 모바일이미지맵태그, 이미지맵태그, 모바일버튼, ,버튼,[RE],여주시

공유하기
매뉴얼요청
분류
쇼핑몰
>기타
등록자

윤석도

등록일
2015-02-27
버전

[RE] 모바일버전 이미지맵태그 문의드립니다!!

안녕하십니까 홈페이지 요리사입니다. 

 

모바일 페이지의 경우 문의하신것과 같이 위치값을 정할수 없습니다. 

따라서 이미지 맵태그를 적용할수 없습니다. 

따라서 버튼으로 생성후 각각의 버튼으로 만들어 붙여주시기 바랍니다. 

 

관련키워드

모바일이미지맵태그, 모바일이미지맵태그, 이미지맵태그, 모바일버튼,

등록자
등록일
2015-02-27 15:47
조회
2,470

[RE] [RE] 모바일버전 이미지맵태그 문의드립니다!!

그래서 제가 말씀드린 부분이..이겁니다..

 

모바일버전에서는 pc버전과 달리 열div에 픽셀사이즈가 따로 지정이 안되어 있어서 가로로 4가지 이미지를 각각 못 넣어서...

 

PC버전처럼 열박스가 가로로 세워져야 이미지를 각각 넣는데

열박스가 세로로 쌓이기때문에 4가지 이미지를 가로로 넣을 수가 없던데요..

가로로 이미지를 각각 넣을 방법이 있는건가요?


=========== 원래글 ============

안녕하십니까 홈페이지 요리사입니다. 

 

모바일 페이지의 경우 문의하신것과 같이 위치값을 정할수 없습니다. 

따라서 이미지 맵태그를 적용할수 없습니다. 

따라서 버튼으로 생성후 각각의 버튼으로 만들어 붙여주시기 바랍니다. 

 

관련키워드

모바일

등록자

윤석도

등록일
2015-02-27 16:16
조회
2,449

[RE] [RE] [RE] 모바일버전 이미지맵태그 문의드립니다!!

모바일에서 행열콘텐츠를 사용시 

px 단위가 아닌 P 퍼센트 단위로 열박스의 크기를 조정하여 가로로 넣을수 있습니다. 

페이지 편집화면에서는 형태가 조금 틀어 질수 있으나 해당 부분은 해당 CSS열박스 부분에서 라인을

포함해서 밀리는 현상으로 크게 신경쓸 부분은 아닙니다. 

 

모바일에서 행열콘텐츠 사용하는 방법 

행박스 class="ABA-wrap-box AB-cr" 속성을 제외한 다른 속성은 사용하지 않습니다. 

열박스 class="ABA-container-box-25p"  P = % 단위입니다.  총합이 100%가 넘지 않게 넣어주시면 됩니다. 

열박스 class="ABA-content-box"

콘텐츠의 이미지 또는 버튼 크기는 100%에 맞게 넣어주시기 바랍니다. 

 

 

 

 

 


관련키워드

모바일행열콘텐츠, 모바일행열콘텐츠넣기, 모바일행열,

등록자
등록일
2015-02-27 18:11
조회
2,438
사용자포럼(Q&A)
번호제목등록자등록일
14236

김경희

06-02
14232

신영순

06-02
14199

전명규

05-30
14031

박재숙

05-27
14013

박재숙

05-26
13922

박재숙

05-23
13796

박현우

05-19
13792

장주섭

05-19
13756

박현우

05-16
13755

박현우

05-16
13723

박진서

05-15