왼쪽 메뉴 사용시 해당 글밑으로나와요 도와주세요 그누보드 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개
<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>
적어도 본인이 어느 영역인지는 인지하고 있어야 합니다.
그냥 스샷 찍고 코드 전체 보여주시면 그걸 하나하나 채크해서 도움을 주실분은 그리 많지 않을거에요.
더구나 리빌더 처럼 빌더의 경우에는 해당 CSS 를 변경하는게 아니라
내부에 설정이 있습니다.
리빌더 개발자에게 문의해보세요.
sinbi해당 부트스트랩 버전의 Grid 매뉴얼을 찾아 참고해 보세요.
css 문제이긴 할텐데 소스를 다 보고 조언을 주실분은 많을거 같지는 않습니다.
도메인을 올리시는게 도움 받기 쉬우실거 같습니다.
답변을 작성하려면 로그인이 필요합니다.