검색바와 메뉴 사이가 왜 떨어져 있을까요? 채택완료
홈페이지를 리뉴얼 해보려고 그누보드로 넘어와 열심히 뚝딱뚝딱 하고 있습니다.
위에 보시는 이미지는 그누보드5>테마 게시판에 올려진 뒷집돌쇠님의 테마(https://sir.kr/g5_theme/2335">https://sir.kr/g5_theme/2335)를 수정한 화면이미지 입니다.
그런데 보시는것처럼 검색바와 메뉴란 사이가 하얀 여백으로 붕 떠있습니다.
소스를 아무리 뒤져봐도 저 사이를 줄일수가 없어 어떻게 하면 중간에 빈 공간없이 바로 메뉴란으로 붙을 수 있게 할 수 있을가요?
그리고 가능하다면 저 검색바는 메뉴란과 같은 줄의 오른쪽으로 옮기고 싶은데 그건 어딜 수정 하면 될까요?
도움을 구하고자 현재 테마의 head.php 소스파일을 함께 올려둡니다.
</p>
<p><?php
if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가</p>
<p>if (G5_IS_MOBILE) {
include_once(G5_THEME_MOBILE_PATH.'/head.php');
return;
}</p>
<p>include_once(G5_THEME_PATH.'/head.sub.php');
include_once(G5_LIB_PATH.'/latest.lib.php');
include_once(G5_LIB_PATH.'/outlogin.lib.php');
include_once(G5_LIB_PATH.'/poll.lib.php');
include_once(G5_LIB_PATH.'/visit.lib.php');
include_once(G5_LIB_PATH.'/connect.lib.php');
include_once(G5_LIB_PATH.'/popular.lib.php');
?></p>
<p><!-- 상단 시작 { -->
<div id="hd">
<h1 id="hd_h1"><?php echo $g5['title'] ?></h1></p>
<p> <div id="skip_to_container"><a href="#container">본문 바로가기</a></div></p>
<p> <?php
if(defined('_INDEX_')) { // index에서만 실행
include G5_BBS_PATH.'/newwin.inc.php'; // 팝업레이어
}
?>
<div id="tnb">
<ul>
<div>
<a href="<a href="<a href="https://www.facebook.com/web.planner.79" target="_blank" rel="noopener noreferrer">https://www.facebook.com/web.planner.79</a>"><a href="https://www.facebook.com/web.planner.79" target="_blank" rel="noopener noreferrer">https://www.facebook.com/web.planner.79</a></a>" target="_blank"><i class="fa fa-facebook-square" aria-hidden="true"></i> Facebook</a></div>
<div style="border-right:1px solid #ddd">
<a href="<a href="<a href="https://www.instagram.com/1004planner/" target="_blank" rel="noopener noreferrer">https://www.instagram.com/1004planner/</a>"><a href="https://www.instagram.com/1004planner/" target="_blank" rel="noopener noreferrer">https://www.instagram.com/1004planner/</a></a>" target="_blank"><i class="fa fa-instagram" aria-hidden="true"></i> Instagram</a></div>
<div style="border-right:1px solid #ddd">
<a href="<a href="<a href="https://open.kakao.com/o/gCWwiW0" target="_blank" rel="noopener noreferrer">https://open.kakao.com/o/gCWwiW0</a>"><a href="https://open.kakao.com/o/gCWwiW0" target="_blank" rel="noopener noreferrer">https://open.kakao.com/o/gCWwiW0</a></a>" target="_blank"><i class="fa fa-comment" aria-hidden="true"></i> Opentalk</a></div>
<?php if ($is_member) { ?></p>
<p> <li style="border-right:1px solid #ddd"><a href="<?php echo G5_BBS_URL ?>/member_confirm.php?url=<?php echo G5_BBS_URL ?>/register_form.php"><i class="fa fa-cog" aria-hidden="true"></i> Modify</a></li>
<li><a href="<?php echo G5_BBS_URL ?>/logout.php"><i class="fa fa-sign-out" aria-hidden="true"></i> Log out</a></li>
<?php if ($is_admin) { ?>
<li class="tnb_admin"><a href="<?php echo G5_ADMIN_URL ?>"><b><i class="fa fa-user-circle" aria-hidden="true"></i> Master</b></a></li>
<?php } ?>
<?php } else { ?>
<li style="border-right:1px solid #ddd"><a href="<?php echo G5_BBS_URL ?>/register.php"><i class="fa fa-user-plus" aria-hidden="true"></i> Join</a></li>
<li><a href="<?php echo G5_BBS_URL ?>/login.php"><b><i class="fa fa-sign-in" aria-hidden="true"></i> Login</b></a></li>
<?php } ?></p>
<p> </ul></p>
<p> </div>
<div id="hd_wrapper">
<div id="logo">
<a href="<?php echo G5_URL ?>"><img src="<?php echo G5_IMG_URL ?>/logo.png" alt="<?php echo $config['cf_title']; ?>"></a>
</div>
<div class="hd_sch_wr">
<fieldset id="hd_sch" >
<legend>사이트 내 전체검색</legend>
<form name="fsearchbox" method="get" action="<?php echo G5_BBS_URL ?>/search.php" onsubmit="return fsearchbox_submit(this);">
<input type="hidden" name="sfl" value="wr_subject||wr_content">
<input type="hidden" name="sop" value="and">
<label for="sch_stx" class="sound_only">검색어 필수</label>
<input type="text" name="stx" id="sch_stx" maxlength="20" placeholder="검색어를 입력해주세요">
<button type="submit" id="sch_submit" value="검색"><i class="fa fa-search" aria-hidden="true"></i><span class="sound_only">검색</span></button>
</form></p>
<p> <script>
function fsearchbox_submit(f)
{
if (f.stx.value.length < 2) {
alert("검색어는 두글자 이상 입력하십시오.");
f.stx.select();
f.stx.focus();
return false;
}</p>
<p> // 검색에 많은 부하가 걸리는 경우 이 주석을 제거하세요.
var cnt = 0;
for (var i=0; i<f.stx.value.length; i++) {
if (f.stx.value.charAt(i) == ' ')
cnt++;
}</p>
<p> if (cnt > 1) {
alert("빠른 검색을 위하여 검색어에 공백은 한개만 입력할 수 있습니다.");
f.stx.select();
f.stx.focus();
return false;
}</p>
<p> return true;
}
</script></p>
<p> </fieldset>
</div>
</div>
<style>
.nav {background: #fff;background:rgba(255,255,255,0.8);}
.fixed {position: fixed; top:0; margin:0 auto; width: 100%;z-index:90 }
</style>
<div class="nav">
<nav id="gnb">
<h2>메인메뉴</h2>
<div class="gnb_wrap">
<ul id="gnb_1dul">
<li class="gnb_1dli gnb_mnal"><button type="button" class="gnb_menu_btn"><i class="fa fa-bars" aria-hidden="true"></i><span class="sound_only">전체메뉴열기</span></button></li>
<?php
$sql = " select *
from {$g5['menu_table']}
where me_use = '1'
and length(me_code) = '2'
order by me_order, me_id ";
$result = sql_query($sql, false);
$gnb_zindex = 999; // gnb_1dli z-index 값 설정용
$menu_datas = array();</p>
<p> for ($i=0; $row=sql_fetch_array($result); $i++) {
$menu_datas[$i] = $row;</p>
<p> $sql2 = " select *
from {$g5['menu_table']}
where me_use = '1'
and length(me_code) = '4'
and substring(me_code, 1, 2) = '{$row['me_code']}'
order by me_order, me_id ";
$result2 = sql_query($sql2);
for ($k=0; $row2=sql_fetch_array($result2); $k++) {
$menu_datas[$i]['sub'][$k] = $row2;
}</p>
<p> }</p>
<p> $i = 0;
foreach( $menu_datas as $row ){
if( empty($row) ) continue;
?>
<li class="gnb_1dli" style="z-index:<?php echo $gnb_zindex--; ?>">
<a href="<?php echo $row['me_link']; ?>" target="_<?php echo $row['me_target']; ?>" class="gnb_1da"><?php echo $row['me_name'] ?></a>
<?php
$k = 0;
foreach( (array) $row['sub'] as $row2 ){</p>
<p> if( empty($row2) ) continue;</p>
<p> if($k == 0)
echo '<span class="bg">하위분류</span><ul class="gnb_2dul">'.PHP_EOL;
?>
<li class="gnb_2dli"><a href="<?php echo $row2['me_link']; ?>" target="_<?php echo $row2['me_target']; ?>" class="gnb_2da"><?php echo $row2['me_name'] ?></a></li>
<?php
$k++;
} //end foreach $row2</p>
<p> if($k > 0)
echo '</ul>'.PHP_EOL;
?>
</li>
<?php
$i++;
} //end foreach $row</p>
<p> if ($i == 0) { ?>
<li class="gnb_empty">메뉴 준비 중입니다.<?php if ($is_admin) { ?> <a href="<?php echo G5_ADMIN_URL; ?>/menu_list.php">관리자모드 > 환경설정 > 메뉴설정</a>에서 설정하실 수 있습니다.<?php } ?></li>
<?php } ?>
</ul>
<div id="gnb_all">
<h2>전체메뉴</h2>
<ul class="gnb_al_ul">
<?php</p>
<p> $i = 0;
foreach( $menu_datas as $row ){
?>
<li class="gnb_al_li">
<a href="<?php echo $row['me_link']; ?>" target="_<?php echo $row['me_target']; ?>" class="gnb_al_a"><?php echo $row['me_name'] ?></a>
<?php
$k = 0;
foreach( (array) $row['sub'] as $row2 ){
if($k == 0)
echo '<ul>'.PHP_EOL;
?>
<li><a href="<?php echo $row2['me_link']; ?>" target="_<?php echo $row2['me_target']; ?>"><i class="fa fa-caret-right" aria-hidden="true"></i> <?php echo $row2['me_name'] ?></a></li>
<?php
$k++;
} //end foreach $row2</p>
<p> if($k > 0)
echo '</ul>'.PHP_EOL;
?>
</li>
<?php
$i++;
} //end foreach $row</p>
<p> if ($i == 0) { ?>
<li class="gnb_empty">메뉴 준비 중입니다.<?php if ($is_admin) { ?>
<a href="<?php echo G5_ADMIN_URL; ?>/menu_list.php">관리자모드 > 환경설정 > 메뉴설정</a>에서 설정하실 수 있습니다.<?php } ?></li>
<?php } ?>
</ul>
<button type="button" class="gnb_close_btn"><i class="fa fa-times" aria-hidden="true"></i></button>
</div>
</div>
</nav>
</div>
<script></p>
<p> $(function(){
$(".gnb_menu_btn").click(function(){
$("#gnb_all").show();
});
$(".gnb_close_btn").click(function(){
$("#gnb_all").hide();
});
});</p>
<p> </script>
<script>
$(window).scroll(function(){
var sticky = $('.nav'),
scroll = $(window).scrollTop();</p>
<p> if (scroll >= 280) sticky.addClass('fixed');
else sticky.removeClass('fixed');
});
</script>
</div>
<!-- } 상단 끝 --></p>
<p>
<hr></p>
<p><!-- 콘텐츠 시작 { -->
<div id="wrapper">
<div id="container_wr"></p>
<p> <div id="container">
<?php if (!defined("_INDEX_")) { ?><h2 id="container_title"><span title="<?php echo get_text($g5['title']); ?>"><?php echo get_head_title($g5['title']); ?></span></h2><?php } ?></p>
<p>
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인전체 질문 목록
채택
채택
채택
채택
답변대기
답변대기
답변대기
채택
채택
답변대기
채택
답변대기
채택
채택
답변대기
답변대기
채택
채택
덕분에 수정했습니다~ ^^
참, 그런데 별도 css를 추가해야된다는건 어떤 의미인가요?