* 정확한 해당 경로 (URL 또는 메뉴상 위치 ex : 회사소개 > 기업소개 > 기업소개게시판 )
- 경로 : http://webzine.idealja.gethompy.com/ab-904
* 내용 (변경, 또는 문제가 되는 부분에 대한 설명을 상세하게 문의해주시기 바랍니다. )
- 내용 :
1. 위 이미지처럼 이미지가 틀어지는데
100%중에 각각 16.6%씩 주었는데 남은 0.4%때문에 틀어지는 것 같은데
이거 어떻게 해야 하나요 ㅠㅠ 이미지 수가 홀수일 경우는 죄다 이런데 해결방법 좀 알려주세요
===============================
1-1. 답변주신것처럼 마지막 생활관리만 17%를 주었는데 생활관리만 크게보입니다 ㅠ
pc버전모바일만 그런게 아니고 모바일기기에서도 똑같이요 ㅜ
다른방법은 없을까요??
제목,100%, ,width%,[RE],모바일열박스,PC버전,행열컨텐츠,버튼,모바일버전,가로사이즈,가운데정렬,pc버전,style편집
남는 0.4%를 다섯 개 메뉴중 한 메뉴에만 추가로 넣어서
16.6% / 16.6% / 16.6% / 16.6% / 17% 이렇게 분할하시면 될 것 같습니다.
width%
이미지로 하시면 가로사이즈에 따라 세로사이즈가 비율대비로 들어가니까
각각 이미지마다 세로사이즈가 1px씩 왔다갔다하는건 어쩔수가 없고요, 이미지 말고 css로 넣으셔야 할 것 같네요.
1) 각 버튼의 영역을 먼저 잡습니다.
행열컨텐츠로 넣으시되, 모바일버전은 열박스를 기존의 px형식이 아니라 %형식으로 잡아주시면 됩니다.
(PC버전에서 열박스)
class="ABA-container-box-1000" << 가로사이즈가 1000px인 열박스
(Mobile버전에서 열박스)
class="ABA-container-box-20p" << 가로사이즈가 20%인 열박스 (숫자뒤에 p라고 적으면 됩니다.)
총 여섯개의 버튼이 들어가야 한다면
17p / 17p / 17p / 17p / 16p / 16p 이렇게 하시면 되겠죠.
(1% 정도는 육안으로 구별도 안되니 굳이 소수점까지 나누지 마시고 저정도로 지정하세요)
2) 해당 열박스 안쪽의 컨텐츠박스 D클릭 > 컨텐츠넣기/변경으로 버튼을 넣으시는데 >
이미지가 아니라 글자로 넣어주세요.
3) 버튼이 들어있는 컨텐츠박스의 style편집 클릭하여 배경색과 여백등의 값을 지정하시면 됩니다.
이렇게 하시면 1px씩 여백이 생기는 문제를 해결할 수 있습니다.
버튼의 여백이나 가운데정렬등의 속성은 style편집창에서 전부 지정할 수 있으니 자세히 살펴보시고 직접 꾸며보세요.
적용화면입니다.
모바일열박스
