묻고답하기
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
모바일 홈페이지 만들고 있는데 이미지 배치가 안되네요
2018.08.30 18:53
안녕하세요 XE 초보입니다. 어떻게 우여곡절 끝에 위의 그림처럼 홈페이지는 만들었습니다.
이를 바탕으로 모바일 홈페이지를 만들려고 하는데요, 계속 문제가 발생하네요.
이미지는 이온디파일박스배너 위젯으로 집어 넣고 이를 다시 상자에 넣어서
이미지를 2x2로 배열해서 넣었습니다.
이제 모바일 홈페이지를 만들려고 하는데요. 똑같이 이온디 파일박스배너로 하면
이미지가 한 줄에 2개가 들어가지 않더군요.
그래서 레이아웃을 sweet mobile layout도 써보고 Xenon mobile layout도 해봤는데 안되는 겁니다.
제가 희망하는 샘플이 두 번째 그림인데요. 스크롤바까지는 필요없고 그림이 2열 3행 이나 2열 2행으로 넣고 싶은데
어떻게 해야 할지 모르겠네요.
두번째 사진 처럼 배치하고 싶어요.
오늘 하루 종일 씨름만하다 여쭤봅니다.
제발 아시는 분은 좀 알려주시길 부탁드립니다.
미리 감사드립니다. ㅜ ㅜ
글쓴이 | 제목 | 최종 글 |
---|---|---|
XE | 공지 글 쓰기,삭제 운영방식 변경 공지 [16] | 2019.03.05 by 남기남 |
베니 | 네이버 애널리틱스 수집이 안되네요;; | |
PAIN | php로 포인트저장 [5] | 2019.04.06 by PAIN |
윈터서버 | https://woto.net/ 웹호스팅 업체 설치문제 [4] | 2019.04.06 by 우주학개론 |
nong | 알려주세요 | |
바보멍청이 | 데이터 이전 툴 - php.ini 환경설정에서 원격지의 파일을 열지 못하도록 되어 있습니다. [10] | 2019.04.05 by 디자인클립 |
chorok | 무슨 기반으로 제작된 사이트일까요? [1] | 2019.04.05 by 디자인클립 |
rail_man | 회원가입시 이메일 인증 [1] | 2019.04.05 by sejin7940 |
댄져러스 | 탈퇴방법좀 해외사이트 이것좀해석해주세요 | |
결이아빠 | ssl 문제가 확실한데..어떻게 해야할지.. | |
결이아빠 | 어떻게 수정하면 될까요? | |
이퓨 | 회원가입 select 폼 형식 입력값 불러오기 질문 | |
한이흔 | 이미지 첨부 후 본문 삽입시 문제...몇일째 해결이 안돼여.. [1] | 2019.04.02 by 결이아빠 |
일과여행 | 카톡으로 도메인을 전송하면 자동으로 나오는 이미지를 바꿀 수 없나요? [1] | 2019.04.02 by 디자인클립 |
모로지로 | 홈에 문서 이미지 넣기 문의드려요.. [2] | 2019.04.02 by 모로지로 |
소라db952 | cycle-pager 배너에 a 링크를 걸면 배너 이미지가 풀려요ㅠ [2] | 2019.04.02 by 소라db952 |
검은고양이냐옹 | 레이아웃 스킨의 메뉴에 선을 하나 긋고 싶어요.. [5] | 2019.04.02 by DoorWeb |
Krazee | content 위젯 사진 교체 방법?? [1] | 2019.04.01 by 디자인클립 |
개다 | 익명 게시판일 때 푸시가 오면 상대방 닉네임이 노출되더라구요 | |
세걸 | 네이버 아이디 로그인 [1] | 2019.04.01 by sejin7940 |
세걸 | ssd HHD 조합으로 웹서비스 설정 [1] | 2019.04.01 by 세걸 |
<ul class="wrap_banner">
<li><div>이미지</div></li>
<li><div>이미지</div></li>
<li><div>이미지</div></li>
</ul>
<style>
.wrap_banner{margin:0;padding:0;list-style:none;}
.wrap_banner:after{content:"";display:block;clear:both;}
.wrap_banner li{float:left;width:33.33333%;/*두개 배열일땐 50%로 */}
.wrap_banner li div{margin:10px;/*각 이미지간에 여백을 확보하기 위함*/}
.wrap_banner li div img{max-width:100%;vertical-align:middle;}
</style>
이걸 기준으로 해 보시고 성에 안차는 부분은 죽어라 구글링하는거 말고는 방법이 없습니다.