안녕하세요.
제가 이글을 보고 제 카페에 적용 시켜보고자 만들어 봤는데요
적용하기가 어렵네요 뭐가 문제인지 도움을 주실수 있는지요?
수고 스럽드래도 한번 검토해주시면 고맙겠습니다.
적용 시키고자 하는 내용은
네이버카페대문에 크기가 다른 여러장의 이미지로 링크를 달려고하는데
적용하기전에는 아래 이미지처럼 잘 정돈이 되어 있고 링크도 잘 연결됩니다.
첨부 이미지
그랜데 적용을하여 실제 화면을 보면 아래 이미지처럼 틀어져서 보여집니다
뭐가 문제인가요?
조언 좀 부탁 드립니다.
첨부 이미지
<관련소스>
Copy
<div style="width: 743px; height:697px; box-sizing: border-box;">
<div style="width: 220; float:left; ">
<a href="/sachal/sachal.html" target="_blank">
<img src="/2017/img/cafe_01.jpg" alt="사찰행사"> </a>
<a href="/product/list_143.html?cate_no=143">
<img src="/2017/img/cafe_02.jpg" width="105" height="137" alt="삼재란"></a>
<a href="/preference/product/gido.html">
<img src="/2017/img/cafe_03.jpg" width="115" height="137" alt="기도방법" style="margin-left: -6;"></a>
<a href="/bujeok/bujeok_01.html">
<img src="/2017/img/cafe_04.jpg" width="220" height="180" alt="부적바로알기" style="margin-top: -4;"></a>
<a href="/preference/product/sal_01.html">
<img src="/2017/img/cafe_05.jpg" width="220" height="180" alt="신살이야기"></a>
</div>
<div style="width: 293; float:left; ">
<a href="" target="_blank">
<img src="/2017/img/cafe_06.jpg" width="293" height="170" alt="삼존불"> </a>
<a href="/product/list.html?cate_no=24"><img src="/2017/img/cafe_07.jpg" width="293" height="210" alt="부적주문"></a>
<a href="/product/list.html?cate_no=155"><img src="/2017/img/cafe_08.jpg" width="293" height="180" alt="디지털부적주문"></a>
<a href="https://cafe.naver.com/ArticleList.nhn?search.clubid=29546969&search.menuid=76&search.boardtype=L"><img src="/2017/img/cafe_09.jpg" width="146" height="137" alt=""></a>
<a href="https://cafe.naver.com/ArticleList.nhn?search.clubid=29546969&search.menuid=68&search.boardtype=I"><img src="/2017/img/cafe_10.jpg" width="147" height="137" alt="이모저모" style=" margin-left: 146px; margin-top: -137;"></a>
</div>
<div style="width: 220; float:left; ">
<a href="/board/free/list.html?board_no=1"><img src="/2017/img/cafe_11.jpg" width="230" height="179" alt="공지사항"> </a>
<a href="/board/free/list.html?board_no=3"><img src="/2017/img/cafe_12.jpg" width="230" height="181" alt="자주하는질문"></a>
<a href="/bujeok/bujeok_06.html"><img src="/2017/img/cafe_13.jpg" width="115" height="137" alt="부적제작과정"></a>
<a href="/board/free/list.html?board_no=6"><img src="/2017/img/cafe_14.jpg" width="115" height="137" alt="부적성공사례" style=" margin-left: 115px; margin-top: -137;"></a>
<a href="/hypnosis/hypnosis.html"><img src="/2017/img/cafe_15.jpg" width="230" height="200" alt="최면상담"></a>
</div>
</div>답변 3개 / 댓글 1개
채택된 답변
+20 포인트
2018-10-25 (목) 19:37:00
<table><tr><td> 태그에 넣어보세요.
답변에 대한 댓글 1개
2018-10-29 (월) 23:28:14
돼지코구뇽
2018-10-25 (목) 21:31:58
벽돌스크립트로 진열하거나 table로 감싸야할듯하네요
2018-10-25 (목) 20:48:55
masonry.js 파일을 참조해 보시죠.
답변을 작성하려면 로그인이 필요합니다.
덕분에 해결 되었습니다.