그누보드 버튼이 SECTION 영역에 들어오는 현상 막으려면
본문
아래 그림처럼
버튼이 이미지 SECTION 영역에 들어옵니다.
수정, 삭제, 복사 이 버튼들이 사진들의 아래로 내려오게 하고 싶습니다.
이걸 막으려면 어떻게 해야 할까?
view.skin.php
<?php
//=======================================================
// 시작 => 이미지__있으면
IF ($view['wr_image_t'] > 0)
{
?>
<!-- 시작 => 관련링크 -->
<section id="bo_v_image">
<h2>이미지</h2>
<ul>
<?php
//=================================================
// 순서
$loop_n = 1;
//=================================================
// 시작 => 반복문__돌리기
WHILE (list($key, $val) = each($view['image']))
{
IF ($val['url'])
{
//=============================================
// 이미지
$view_image_s = thumbnail($val['file_s'], $val['dir_path'], $val['dir_path'], 88, 0, false, false, 'center', true, $um_value='80/0.5/3');
//=============================================
// 이미지_URL
$view_image_u = $val['url_path'].$view_image_s;
//=============================================
// 이미지_URL
$view_image_u = $val['url_path'].$view_image_s;
?>
<li class="bo_v_image_li<?php echo $style_class; ?>">
<a href="<?php echo $val['href']; ?>" target="_blank"><img src="<?php echo $view_image_u; ?>" alt="<?php echo $val['alt_s']; ?>"></a>
</li>
<?php
//=============================================
// 순서__증가
$loop_n++;
}
}
// 끝 => 반복문__돌리기
//=================================================
?>
</ul>
</section>
<!-- 끝 => 관련링크 -->
<?php
}
// 끝 => 이미지__있으면
//=======================================================
?>
<!-- 게시물 상단 버튼 시작 { -->
<div id="bo_v_top">
<?php
ob_start();
?>
<?php if ($prev_href || $next_href) { ?>
<ul class="bo_v_nb">
<?php if ($prev_href) { ?><li><a href="<?php echo $prev_href ?>" class="btn_b01">이전글</a></li><?php } ?>
<?php if ($next_href) { ?><li><a href="<?php echo $next_href ?>" class="btn_b01">다음글</a></li><?php } ?>
</ul>
<?php } ?>
<ul class="bo_v_com">
<?php if ($update_href) { ?><li><a href="<?php echo $update_href ?>" class="btn_b01">수정</a></li><?php } ?>
<?php if ($delete_href) { ?><li><a href="<?php echo $delete_href ?>" class="btn_b01" onclick="del(this.href); return false;">삭제</a></li><?php } ?>
<?php if ($copy_href) { ?><li><a href="<?php echo $copy_href ?>" class="btn_admin" onclick="board_move(this.href); return false;">복사</a></li><?php } ?>
<?php if ($move_href) { ?><li><a href="<?php echo $move_href ?>" class="btn_admin" onclick="board_move(this.href); return false;">이동</a></li><?php } ?>
<?php if ($search_href) { ?><li><a href="<?php echo $search_href ?>" class="btn_b01">검색</a></li><?php } ?>
<li><a href="<?php echo $list_href ?>" class="btn_b01">목록</a></li>
<?php if ($reply_href) { ?><li><a href="<?php echo $reply_href ?>" class="btn_b01">답변</a></li><?php } ?>
<?php if ($write_href) { ?><li><a href="<?php echo $write_href ?>" class="btn_b02">글쓰기</a></li><?php } ?>
</ul>
<?php
$link_buttons = ob_get_contents();
ob_end_flush();
?>
</div>
<!-- } 게시물 상단 버튼 끝 -->
style.css
/* 이미지 */
#bo_v_image { }
#bo_v_image h2 { font-size:0; line-height:0; overflow:hidden; }
#bo_v_image ul { margin:0 0 15px !important; padding:0; width:728px; list-style:none; }
#bo_v_image li { float:left; padding:0; width:104px; }
#bo_v_image a { display:inline-block; padding:8px; }
#bo_v_image a:focus, #bo_v_image a:hover, #bo_v_image a:active { text-decoration:none; }
#bo_v_top {margin:0 0 10px;padding:10px 0;zoom:1}
#bo_v_top:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_top h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_v_top ul {margin:0;padding:0;list-style:none}
답변 1
#bo_v_top {margin:0 0 10px;padding:10px 0;zoom:1}
을
#bo_v_top {margin:0 0 10px;padding:10px 0;zoom:1;clear:both;}
로 대체해보세요
답변을 작성하시기 전에 로그인 해주세요.
