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

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

QA

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

본문

안녕하세요 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'로 하는 방법으로 이해하면 됩니다.

583149284276ebc582ca06f0d29e4653_1464944763_2663.png
 

게시판 리스트의 경우는 이미지 폭을 조정해보세요.

스킨 게시판에서 받은 별도의 스킨이라면 해당 소스를 살펴봐야 할 것이구요.

답변을 작성하시기 전에 로그인 해주세요.
전체 7
QA 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT