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

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

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

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

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

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

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

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

답변 3개

채택된 답변
+20 포인트

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

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

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

답변에 대한 댓글 3개

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

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


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

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

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

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

https://kkigomi.cafe24.com/notice

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

답변에 대한 댓글 1개

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

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

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

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

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

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

답변에 대한 댓글 3개

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

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

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

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

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

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

로그인

전체 질문 목록