갤러리 게시판 썸네일 관련 질문드립니다.

갤러리 게시판 썸네일 관련 질문드립니다.

QA

갤러리 게시판 썸네일 관련 질문드립니다.

답변 2

본문

안녕하세요 sir 고수여러분

이번에는 갤러리 썸네일 부분에서 궁금한점이 있어서 이렇게 질문드리게 되었습니다.

 

자세한건 아래 그림을 봐주세요^^

 

e00012303c3284d2408698e6dde95a5a_1464940682_0498.jpg

 

노란 부분이 갤러리게시판 폭 960px 입니다.

빨강 부분이 갤러리 썸네일이구요 300px 입니다.

파란 부분이 여백입니다. 20px 입니다.

 

한줄당 3개씩 나오도록 위 그림처럼 레이아웃을 구성했을 때

마지막 3번째 오른쪽 썸네일에도 여백이 적용되어

전체적으로 왼쪽으로 약간 쏠린것처럼 보여지는데요

오른쪽 3번째 여백을 적용 안시킬 수 있을까요?

 

e00012303c3284d2408698e6dde95a5a_1464940888_3571.jpg

 

이런 방법으로 할 수도 있겠지만 외부 레이아웃이 깨져서요..

만약 위 방법이 근본적으로 힘들다면

 

 

 

 

 

e00012303c3284d2408698e6dde95a5a_1464940683_7779.jpg

 

이 그림처럼 첫번째 썸네일왼쪽에 임의로 여백을 넣을 순 없을까요?

이 방법대로 라면 첫번째 이미지와 네번째 이미지....

첫행에 들어가는 모든 이미지가 왼쪽에 여백이 있어야겠죠^^

 

 

아무런 대가 없이 도움을 주시는 sir 고수분들께

항상 미안할 따름입니다. 그리고 고맙습니다^^

 

 

이 질문에 댓글 쓰기 :

답변 2

http://sir.kr/g5_skin/28?sfl=wr_subject%7C%7Cwr_content&stx=tgallery 

 

스킨을 받아서 참고해보세요.

 

.latestList ul.thumb li {position:relative; display:inline; float:left; margin-left:10px;}
.latestList ul.thumb li.first {margin-left:0;}

 

첫번째 이미지만 margin-left:0 이네요.

 

 

문의하신 그림을 보면...

이미지 오른쪽에 여백을 둔 형태이죠.

 

위 스킨은 왼쪽에 여백을 두면서, 첫번째 이미지의 왼쪽 여백은 '0'로 하는 방법으로 이해하면 됩니다.

답변을 작성하시기 전에 로그인 해주세요.
QA 내용 검색
질문등록
전체 43
© SIRSOFT
현재 페이지 제일 처음으로