왼쪽 메뉴 사용시 해당 글밑으로나와요 도와주세요 그누보드 5
본문
홈페이지 왼쪽 left 메뉴 사용하고싶은대
해당글이 밑으로 나오는대 수정을 어떻게 해야하나요 ? 아무리 해도 밑으로만 게속나와요
<?php
include_once('./_common.php');
include_once(G5_THEME_PATH.'/SF.lib.php');
?>
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>영서건설(주)</title>
<!-- Noto Sans 폰트 -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap" rel="stylesheet">
<!-- 아이콘파일 ico -->
<link rel="shortcut icon" type="image/x-icon" href="<?php echo G5_URL?>/fa.ico" />
<!-- Bootstrap -->
<link href="<?php echo G5_THEME_URL ?>/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<!-- font awesome for icons -->
<link href="<?php echo G5_THEME_URL ?>/font-awesome/css/font-awesome.min.css" rel="stylesheet">
<!-- flex slider css -->
<link href="<?php echo G5_THEME_URL ?>/css/flexslider.css" rel="stylesheet" type="text/css" media="screen">
<!-- animated css -->
<link href="<?php echo G5_THEME_URL ?>/css/animate.css" rel="stylesheet" type="text/css" media="screen">
<!-- Revolution Style-sheet -->
<link rel="stylesheet" type="text/css" href="<?php echo G5_THEME_URL ?>/rs-plugin/css/settings.css">
<link rel="stylesheet" type="text/css" href="<?php echo G5_THEME_URL ?>/css/rev-style.css">
<!--owl carousel css-->
<link href="<?php echo G5_THEME_URL ?>/owl-carousel/assets/owl.carousel.css" rel="stylesheet" type="text/css" media="screen">
<link href="<?php echo G5_THEME_URL ?>/owl-carousel/assets/owl.theme.default.css" rel="stylesheet" type="text/css" media="screen">
<!--mega menu -->
<link href="<?php echo G5_THEME_URL ?>/css/yamm.css" rel="stylesheet" type="text/css">
<!--cube css-->
<link href="<?php echo G5_THEME_URL ?>/cubeportfolio/css/cubeportfolio.min.css" rel="stylesheet" type="text/css">
<link rel="stylesheet" href="<?php echo G5_THEME_URL ?>/css/bootstrap-select.css">
<!-- 좌측에 고정되어 있는 메뉴를 사용하지 않을지 아래 스타일시트를 제거하시거나 주석처리 해주세요. -->
<link href="<?php echo G5_THEME_URL?>/css/socialfloating.css" rel="stylesheet">
<!-- custom css-->
<link href="<?php echo G5_THEME_URL ?>/css/style_aqours.css" rel="stylesheet" type="text/css" media="screen">
<link href="<?php echo G5_THEME_URL ?>/css/common.css" rel="stylesheet" type="text/css" media="screen">
<style>
.flexslider {
margin: 0px;
background: #fff;
border: none;
position: relative;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2);
-moz-box-shadow: 0 1px 4px rgba(0,0,0,.2);
-o-box-shadow: 0 1px 4px rgba(0,0,0,.2);
box-shadow: 0 1px 4px rgba(0,0,0,.2);
zoom: 1;
}
.services-box-icon-dark {
background: transparent;
width: 50px;
height: 50px;
display: inline-block;
float: left;
height: 35px;
line-height: 35px;
margin-right: 10px;
position: relative;
text-align: center;
top: 5px;
}
.services-box-icon-dark i {
width: 50px;
height: 50px;
line-height: 50px;
text-align: center;
background-color: #767676;
color: #fff;
font-size: 33px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%;
}
.info-pink-1 h3{
font-size: 20px;
color: #111;
}
.contents{
color: #777;
font-size: 14px;
}
</style>
</head>
<?php
include_once(G5_THEME_PATH.'/navigation.php');
?>
<div class="breadcrumb-wrap">
<div class="container">
<div class="row">
<div class="col-sm-6">
<h4 class="ko">영서건설(주)</h4>
</div>
<div class="col-sm-6 hidden-xs text-right">
<ol class="breadcrumb">
<li><a href="<?php echo G5_URL?>">공사실적</a></li>
<li class="ko">공사실적</li>
</ol>
</div>
</div>
</div>
</div><!--breadcrumbs-->
<div class="container-fluid hidden-sm hidden-xs top-bar">
<div class="container">
<div class="row">
<div class="col-sm-1 home-btn"><a href="<?php echo G5_URL?>"><i class="fa fa-home f36" aria-hidden="true"></i></a></div>
<div class="col-sm-4"><?php include_once(G5_THEME_PATH.'/left_top.php');?></div>
<div class="col-sm-7">
<div class="row">
<div class="col-md-12">
</div>
</div>
</div>
<div class="mt80 hidden-sm hidden-xs"></div><!-- pc 간격 -->
<div class="mt40 hidden-lg hidden-md"></div><!-- mobile 간격 -->
<h4 class="ko"><br></h4></div></div></div></div><div class="container-fluid hidden-sm hidden-xs top-bar"><div class="container"><table class="table table-hover">
<div class="col-sm-3" style="overflow: hidden;">
<?php include_once(G5_THEME_PATH . '/left_menu.php'); ?>
</div><!--sidebar col end-->
<div class="col-sm-9">
<colgroup><col width="100px"> <span class="block-icon-03"><img src='<?php echo G5_URL; ?>/pages/img/27.png'></span>
</colgroup><tbody><tr><th class="center hidden-480">번호</th>
<th class="center hidden-400">공사명</th>
<th class="center hidden-250">공사금액</th>
<th class="center hidden-400">공사기간</th>
<th class="center hidden-400">원 도급자</th>
<th class="center hidden-400">비고</th>
</tr><tr><td class="center">1</td>
<td class="text-left " title="불광동 청년 주택 신축공사">
불광동 청년 주택 신축공사현장 </td>
<td class="center hidden-100">362,000</td>
<td class="center hidden-480">2021.02 ~ 2023.08</td>
<td class="center hidden-480">(주)위드웰에셋</td>
<td class="center hidden-480"></td>
</tr>
<tr class="">
<td class="center">2</td>
<td class="text-left " title="가족 커뮤니티 센터 신축공사">
가족커뮤니티센터신축공사현장 </td>
<td class="center">170,000</td>
<td class="center hidden-480">2022.05~2023.08</td>
<td class="center hidden-480">태안군청</td>
<td class="center hidden-480"></td>
</tr>
<tr class="">
<td class="center">3</td>
<td class="text-left " title="천안정수장 시설공사">
천안정수장 시설공사 </td>
<td class="center">200,000</td>
<td class="center hidden-480">2023.02~2023.08</td>
<td class="center hidden-480">한국수자원공사</td>
<td class="center hidden-480"></td>
</tr>
<tr class="">
<td class="center">4</td>
<td class="text-left " title="창전동4-3그린생활시설공사">
창전동4-3그린생활시설공사 </td>
<td class="center">29,700</td>
<td class="center hidden-480">2023.06~2023.12</td>
<td class="center hidden-480">(주)마루디자인건설</td>
<td class="center hidden-480"></td>
</tr>
<tr class="">
<td class="center">5</td>
<td class="text-left " title="평택시 동물보호센터 건립공사">
평택시 동물보호센터 건립공사 </td>
<td class="center">49,500</td>
<td class="center hidden-480">2023.08~2024.02</td>
<td class="center hidden-480">평택시청</td>
<td class="center hidden-480"></td>
</tr>
<tr class="">
<td class="center">6</td>
<td class="text-left " title="<span style=" color:="" rgb(255,="" 0,="" 0);"리뉴얼중입니다."="">
<span style="color: rgb(255, 0, 0);">리뉴얼중입니다. </span></td>
<td class="center"></td>
<td class="center hidden-480"></td>
<td class="center hidden-480"></td>
<td class="center hidden-480"></td>
</tr>
<tr class="">
<td class="center">7</td>
<td class="text-left " title="<span style=" color:="" rgb(255,="" 0,="" 0);"리뉴얼중입니다."="">
<span style="color: rgb(255, 0, 0);">리뉴얼중입니다. </span></td>
<td class="center"></td>
<td class="center hidden-480"></td>
<td class="center hidden-480"></td>
<td class="center hidden-480"></td>
</tr>
<tr class="">
<td class="center">8</td>
<td class="text-left " title="<span style=" color:="" rgb(255,="" 0,="" 0);"리뉴얼중입니다."="">
<span style="color: rgb(255, 0, 0);">리뉴얼중입니다. </span></td>
<td class="center"></td>
<td class="center hidden-480"></td>
<td class="center hidden-480"></td>
<td class="center hidden-480"></td>
</tr>
<tr class="">
<td class="center">9</td><td class="text-left " title="<span style=" color:="" rgb(255,="" 0,="" 0);"리뉴얼중입니다."="">
<span style="color: rgb(255, 0, 0);">리뉴얼중입니다. </span></td>
<td class="center"></td>
<td class="center hidden-480"></td>
<td class="center hidden-480"></td>
<td class="center hidden-480"></td>
</tr>
<tr class="">
<td class="center">10</td>
<td class="text-left " title="<span style=" color:="" rgb(255,="" 0,="" 0);"리뉴얼중입니다."="">
<span style="color: rgb(255, 0, 0);">리뉴얼중입니다. </span></td>
<td class="center"></td>
<td class="center hidden-480"></td>
<td class="center hidden-480"></td>
<td class="center hidden-480"></td>
</tr>
</tbody></table></div></div>
<div class="mt80 hidden-lg hidden-md"></div><!-- pc 간격 -->
<div class="mt40 hidden-lg hidden-md"></div><!-- mobile 간격 -->
<h4 class="ko"><br></h4></div></div></div></div><div class="container-fluid hidden-lg hidden-md top-bar"><div class="container"><table class="table table-hover">
<colgroup><col width="100px">
<div style="margin-top: -120px"></div>
<table class="table table-hover">
<colgroup>
<col width="45px"><!-- 번호 -->
<col "><!-- 공사명 -->
</colgroup>
<th class="center">번호</th>
<th class="text-left" style="text-align: center;">공사명</th>
<tbody>
<td class="center">1</td>
<td class="text-left " title="불광동 청년주택 신축공사현장">붕광동 청년주택 신축공사현장<br>362,000/
<i class="fa fa-calendar" aria-hidden="true"></i>2021.02 ~ 2023.08 /
<i class="fa fa-handshake-o" aria-hidden="true"></i>(주)위드웰에셋 /
<i class="fa fa-sticky-note-o" aria-hidden="true"></i>
</td>
</tr>
<tr>
<td class="center">2</td>
<td class="text-left " title="가족커뮤니티센터신축공사현장">
가족커뮤니티센터신축공사현장<br>
<i class="fa fa-krw" aria-hidden="true"></i>170,000 /
<i class="fa fa-calendar" aria-hidden="true"></i>2022.05~2023.08 / 태안군청 /
<i class="fa fa-sticky-note-o" aria-hidden="true"></i>
</td>
</tr>
<tr>
<td class="center">3</td>
<td class="text-left " title="천안정수장 시설공사">
천안정수장 시설공사<br>
<i class="fa fa-krw" aria-hidden="true"></i>200,000 /
<i class="fa fa-calendar" aria-hidden="true"></i>2023.02~2023.08 / 한국수자원공사 /
<i class="fa fa-sticky-note-o" aria-hidden="true"></i>
</td>
</tr>
<tr>
<td class="center">4</td>
<td class="text-left " title="창전동4-3 그린생활시설공사">창전동4-3 그린생활시설공사<br>
<i class="fa fa-krw" aria-hidden="true"></i>29,700 / </span></b>
<i class="fa fa-calendar" aria-hidden="true"></i>2023.06~2023.12 /
<i class="fa fa-handshake-o" aria-hidden="true"></i>(주)마루디자인건설 /
<i class="fa fa-sticky-note-o" aria-hidden="true"></i>
</td>
</tr>
<tr>
<td class="center">5</td>
<td class="text-left " title="평택시 동물보호센터 건립공사">평택시 동물보호센터 건립공사<br>
<i class="fa fa-krw" aria-hidden="true"></i>49,500 /
<i class="fa fa-calendar" aria-hidden="true"></i>2023.08~2024.02 /
<i class="fa fa-handshake-o" aria-hidden="true"></i>평택시청 /
<i class="fa fa-sticky-note-o" aria-hidden="true"></i>
</td>
</tr>
<tr>
<td class="center">6</td><td class="text-left " title=""><b><span style="color: rgb(255, 0, 0);">리뉴얼중입니다. 빠른시일안에 완료하겠습니다.</span></b></td>
</tr>
<tr>
<td class="center">7</td><td class="text-left " title=""><b><span style="color: rgb(255, 0, 0);">리뉴얼중입니다. 빠른시일안에 완료하겠습니다.</span></b></td>
</tr>
<tr>
<td class="center">8</td><td class="text-left " title=""><b><span style="color: rgb(255, 0, 0);">리뉴얼중입니다. 빠른시일안에 완료하겠습니다.</span></b></td>
</tr>
<tr>
<td class="center">9</td><td class="text-left " title=""><b><span style="color: rgb(255, 0, 0);">리뉴얼중입니다. 빠른시일안에 완료하겠습니다.</span></b></td>
</tr>
<td class="center">10</td><td class="text-left " title=""><b><span style="color: rgb(255, 0, 0);">리뉴얼중입니다. 빠른시일안에 완료하겠습니다.</span></b></td>
<!-- 검색 영역 -->
</p><center>
<p></p><form action="home.php" method="get" name="form_search">
<div class="center">
<table class="table table-striped table-bordered table-hover" style="text-align: center;"><tbody><tr><td>
<select class="width-20" id="select" name="field">
<option value="list_title">공사명<!--제목--></option>
<option value="list_memo">내용<!--내용--></option>
<option value="list_writer">작성자<!--작성자--></option>
<option value="list_all">전체<!--전체--></option>
</select>
<input type="text" name="s_que" value="" class="width-20" id="name" style="height:21px">
<button class="btn btn-purple btn-bold btn-round btn-minier" id="p_btn0000002" type="button" onclick="fun_search()">검색</button>
</td></tr></tbody></table>
</div></form></center>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div><!-- /box -->
</div><!-- /col -->
</div><!-- /row -->
</div><!-- /container -->
<div class="mt80 hidden-sm hidden-xs"></div><!-- pc 간격 -->
<div class="mt20 hidden-lg hidden-md"></div><!-- mobile 간격 -->
<br>
<?php
include_once(G5_THEME_PATH."/footer.php");
?>
<!--must need plugin jquery-->
<script src="<?php echo G5_THEME_URL ?>/js/jquery.min.js"></script>
<!--bootstrap js plugin-->
<script src="<?php echo G5_THEME_URL ?>/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
<!--easing plugin for smooth scroll-->
<script src="<?php echo G5_THEME_URL ?>/js/jquery.easing.1.3.min.js" type="text/javascript"></script>
<!--sticky header-->
<script type="text/javascript" src="<?php echo G5_THEME_URL ?>/js/jquery.sticky.js"></script>
<!--flex slider plugin-->
<script src="<?php echo G5_THEME_URL ?>/js/jquery.flexslider-min.js" type="text/javascript"></script>
<!--parallax background plugin-->
<script src="<?php echo G5_THEME_URL ?>/js/jquery.stellar.min.js" type="text/javascript"></script>
<script src="<?php echo G5_THEME_URL ?>/js/jquery.backstretch.js"></script>
<!--digit countdown plugin-->
<script src="<?php echo G5_THEME_URL ?>/js/waypoints.min.js"></script>
<!--digit countdown plugin-->
<script src="<?php echo G5_THEME_URL ?>/js/jquery.counterup.min.js" type="text/javascript"></script>
<!--on scroll animation-->
<script src="<?php echo G5_THEME_URL ?>/js/wow.min.js" type="text/javascript"></script>
<!--owl carousel slider-->
<script src="<?php echo G5_THEME_URL ?>/owl-carousel/owl.carousel.min.js" type="text/javascript"></script>
<!--popup js-->
<script src="<?php echo G5_THEME_URL ?>/js/jquery.magnific-popup.min.js" type="text/javascript"></script>
<!-- responsive-slider -->
<!--popup js-->
<script src="<?php echo G5_THEME_URL ?>/js/jquery.magnific-popup.min.js" type="text/javascript"></script>
<script type="text/javascript" src="<?php echo G5_THEME_URL ?>/rs-plugin/js/jquery.themepunch.tools.min.js"></script>
<script type="text/javascript" src="<?php echo G5_THEME_URL ?>/rs-plugin/js/jquery.themepunch.revolution.min.js"></script>
<script type="text/javascript" src="<?php echo G5_THEME_URL ?>/js/revolution-custom.js"></script>
<script src="<?php echo G5_THEME_URL ?>/slide/responsive-slider.js"></script>
<script src="<?php echo G5_THEME_URL ?>/js/raphael-min.js"></script>
<script src="<?php echo G5_THEME_URL ?>/morris/morris.min.js"></script>
<script src="<?php echo G5_THEME_URL ?>/js/jquery.socialfloating.js"></script>
<!-- select -->
<script src="<?php echo G5_THEME_URL ?>/js/jquery.selectric.min.js"></script>
<script src="<?php echo G5_THEME_URL ?>/js/custom.js" type="text/javascript"></script>
</body>
</html>
답변 4
css 문제이긴 할텐데 소스를 다 보고 조언을 주실분은 많을거 같지는 않습니다.
도메인을 올리시는게 도움 받기 쉬우실거 같습니다.
<table class="table table-hover"> 위치가 col-sm-9 안에 있어야 하는데 잘 못 들어가 있습니다.
col-sm-9 안으로 이동해주면 될 것 같습니다.
<div class="container">
<table class="table table-hover">
<div class="col-sm-3" style="overflow: hidden;">
<?php include_once(G5_THEME_PATH . '/left_menu.php'); ?>
</div><!--sidebar col end-->
<div class="col-sm-9">
~
</div>
</table>
</div>
→
<div class="container">
<div class="row"> <!-- row 추가 권장 -->
<div class="col-sm-3" style="overflow: hidden;">
<?php include_once(G5_THEME_PATH . '/left_menu.php'); ?>
</div><!--sidebar col end-->
<div class="col-sm-9">
<table class="table table-hover">
~
</table>
~
</div>
</div>
</div>
해당 부트스트랩 버전의 Grid 매뉴얼을 찾아 참고해 보세요.
적어도 본인이 어느 영역인지는 인지하고 있어야 합니다.
그냥 스샷 찍고 코드 전체 보여주시면 그걸 하나하나 채크해서 도움을 주실분은 그리 많지 않을거에요.
더구나 리빌더 처럼 빌더의 경우에는 해당 CSS 를 변경하는게 아니라
내부에 설정이 있습니다.
리빌더 개발자에게 문의해보세요.
