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

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

 

모바일버전에서는 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,467

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

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

 

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

 

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

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

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


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

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

 

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

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

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

 

관련키워드

모바일

등록자

윤석도

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

[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,435
사용자포럼(Q&A)
번호제목등록자등록일
20526

송창현

04-01
20490

배준이

03-31
20401

이장훈

03-25
20394

송은주

03-25
20337

정기웅

03-23
20292

윤석도

03-20
20262

이병길

03-19
20246

이병길

03-18
20098

송은주

03-11
19989

송은주

03-06
19947

지덕영

03-04
19838

윤석도

02-27
19824

윤석도

02-27
19764

에릭

02-25
19622

정주섭

02-13