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

그누보드 베이직 게시판 채택완료

쥬노 2년 전 조회 4,314

고수님들의 조언 부탁드립니다.

그누보드 베이직 게시판에서요.

위 그림처럼 붉은색 부분 간격을 줄이고 싶은데요. 어디서 하는줄 모르겠습니다.

관리자 페이지에서 게시판 수정 > 갤러리 이미지폭, 이미지 높이, 모바일 갤러리 이미지 폭, 이미지 높이를 조정해도 위 그림 처럼 붉은색 부분 간격은 줄이는걸 못찾겠습니다.

고수님들의 조언부탁드립니다.

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

답변 3개

채택된 답변
+20 포인트
s
sinbi Expert
2년 전

F12키 개발자모드를 활용해 찾으시면 됩니다.

https://homzzang.com/b/css-251

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

답변에 대한 댓글 3개

쥬노
2년 전
죄송합니다. 개발자 도구로 해봤는데 잘 안됐습니다...이렇게 바쁘신데 댓글주셔서 감사합니다.
s
sinbi
2년 전
간격은 margin, padding, height 등 다양한 속성 이용해 간격 조절이 가능해서, 개발자모드로 확인 힘드시면 해당 URL 주소를 남겨보세요.
s
sinbi
2년 전
해당 요소 자체에 인라인속성으로 높이값이 잡혀있네요.
해당게시판스킨/list.skin.php 파일에서 아래 코드 찾아서 높이값 제거하시면 될 듯.

<div class="gall_img" style="/* height:250px; *//* max-height:250px; */">...
</div>


위 코드에서 height:250px; *//* max-height:250px; 제거하시면 됩니다.

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

j
2년 전

이미지 폭을 218px보다 작게 설정해야합니다.

위 스샷은 436*273 크기로 설정한 예시

https://kkigomi.cafe24.com/notice

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

답변에 대한 댓글 1개

쥬노
2년 전
이런 사항이 있다는 것을 처음 알았습니다. 정말 소중한 정보 감사합니다.

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

M
2년 전

갤러리에 기본 영역이 그정도로 벌어지진 않는거 같습니다.

아마도 페이지 디자인을 하시면서 적용하신 css에 영향을 받는거 같습니다.

페이지 URL을 남겨주셔야지 확인이 가능할듯 합니다.

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

답변에 대한 댓글 3개

j
jihan?
2년 전
그누보드 기본 스킨의 gallery 스킨이 저런 문제가 있습니다.
실제 보여질 이미지 크기보다 크게 설정하면 해당 높이로 영역의 크기가 고정되기 때문에 발생하는 문제죠.

문제 예시) https://kkigomi.cafe24.com/notice
M
Mins아빠
2년 전
말씀하신것처럼 생길수 있긴 하네요.
다만 이런 경우 bo_gallery_height 가 188로 잡혀 있는 경우라서 설정을 바꿔주시면 정상적으로 보일듯 합니다.
j
jihan?
2년 전
썸네일의 이미지를 선명하게 보이기위해서 실제로 보여질 크기보다 더 크게 지정하는 것은 아주 흔하게 사용하는 기법이죠(2x 이미지).
썸네일 이미지를 생성할 때 화질 설정도 중요하지만 높은 ppi 디스플레이에서는 2x 이미지가 선명도를 크게 좌우하죠.

근데 그누보드 기본 갤러리 스킨은 이미지 폭을 218px보다 더 크게 지정하면 안됩니다.
이런 알수없는 여백이 생기는 문제가 발생하기 때문이죠.

너비 기준 218px의 16:10 비율의 2x 크기로 지정하면 가로 436px, 세로 273px인데 이렇게 지정하면 이미지 하단 엄청 큰 여백이 생기죠.

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

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

로그인