첨부파일 이미지 여백 문제
본문
사진파일을 첨부하면 아래와 같이 이미지들이 딱 붙습니다.
이걸 사진마다 조금씩 띄우고 싶습니다. 한줄씩이라던가.
어느 부분을 어떻게 수정해야 하는지 답변 부탁드립니다. ㅠㅠ
답변 2
그누5 에디터로 사진을 올리면 보통 그런데 기본 게시판이라면
해당 스킨 폴더 안에 있는 style.css 에서 본문 css 쪽 img에 마진 값 주면 됩니다.
#bo_v_con img {max-width:100%;margin-bottom:20px;height:auto}
그누보드가 아니더라도 비슷한 방법으로 하면 됩니다.
스킨에 view.skin.php 파일을 보면
본문 출력부분에 아래와 같은 부분이 있습니다.
<?php
// 파일 출력
$v_img_count = count($view['file']);
if($v_img_count) {
echo "<div id=\"bo_v_img\">\n";
for ($i=0; $i<=count($view['file']); $i++) {
if ($view['file'][$i]['view']) {
//echo $view['file'][$i]['view'];
echo get_view_thumbnail($view['file'][$i]['view']);
}
}
echo "</div>\n";
}
?>
위와 같이 되어있는데
echo get_view_thumbnail($view['file'][$i]['view'])."<br/>";
과 같이 끝에 br 태그를 하나나 두개 넣어주면 줄바꿈이 가능합니다.
다만 위와 같이 하게 되면 작은이미지 여러개를 올렸을때 횡으로 배열되던것이
아래로 줄바꿈해서 등록이 되게되니 게시판 속성에 맞춰서 적용을 해야 할것 같습니다.
작은별님 답변처럼 css 를 이용하면 더 좋겠네요
#bo_v_img img { margin-bottom:20px; }
답변을 작성하시기 전에 로그인 해주세요.