테스트 사이트 - 개발 중인 베타 버전입니다

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

그누초보님 9년 전 조회 6,314

안녕하세요 sir 고수여러분

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

 

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

 

 

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

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

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

 

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

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

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

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

 

 

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

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

 

 

 

 

 

 

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

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

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

 

 

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

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

 

 

댓글을 작성하려면 로그인이 필요합니다.

답변 2개

채택된 답변
+20 포인트
f
9년 전

http://sir.kr/g5_skin/28?sfl=wr_subject%7C%7Cwr_content&stx=tgallery">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;}</p><p>.latestList ul.thumb li.first {margin-left:0;}

 

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

 

 

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

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

 

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

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

그누초보님
9년 전
답변 감사합니다^^
링크를 보니 최근글로 나오는데요

베이직갤러리 게시판에도 적용 가능한건가요...?

댓글을 작성하려면 로그인이 필요합니다.

f
9년 전


 

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

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

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인