채택완료

그누보드 버튼이 SECTION 영역에 들어오는 현상 막으려면

2014-10-27 (월) 15:26:10 4,418

아래 그림처럼

버튼이 이미지 SECTION 영역에 들어옵니다.

수정, 삭제, 복사 이 버튼들이 사진들의 아래로 내려오게 하고 싶습니다.

이걸 막으려면 어떻게 해야 할까?

a7a30c49f91d90d9a003e0a0b96b6e33_1414390954_3846.png


 view.skin.php

Copy
​<?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

Copy
​/* 이미지 */#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개

채택된 답변
+20 포인트

#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;}

로 대체해보세요

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