반응형 모바일 메뉴 문제 해결방법요청 ㅠㅠ
본문
<?php
define('_INDEX_', true);
if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가
add_stylesheet('<link rel="stylesheet" href="'.G5_THEME_CSS_URL.'/main.css?ver='.G5_CSS_VER.''.date("H:i:s").'">', 5);
add_stylesheet('<link rel="stylesheet" href="'.G5_THEME_URL.'/plugin/bxslider/jquery.bxslider.min.css">', 0);
if (G5_IS_MOBILE) {
include_once(G5_THEME_MOBILE_PATH.'/index.php');
return;
}
include_once(G5_THEME_PATH.'/head.php');
?>
<hr>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
@media (max-width: 100px) {
.a1 { display:block;}
.a2 { display:block;}
.a3 {display:block;}
.a4 {display:block;}
.a5 {display:block;}
.a6 {display:block;}
.a7 {display:block;}
}
.a1 { width:180px; height:177px; background-color:#ffffff; border:0px dotted1 black; display:inline-block;}
.a2 { width:180px; height:177px; background-color:#ffffff; border:0px dotted1 black; display:inline-block; margin-left: -3px;}
.a3 { width:180px; height:177px; background-color:#ffffff; border:0px dotted1 black; display:inline-block; margin-left: -3px;}
.a4 { width:180px; height:177px; background-color:#ffffff; border:0px dotted1 black; display:inline-block; margin-left: -3px;}
.a5 { width:180px; height:177px; background-color:#ffffff; border:0px dotted1 black; display:inline-block; margin-left: -3px;}
.a6 { width:180px; height:177px; background-color:#ffffff; border:0px dotted1 black; display:inline-block; margin-left: -3px;}
.a7 { width:180px; height:177px; background-color:#ffffff; border:0px dotted1 black; display:inline-block; margin-left: -3px;}
</style>
</head>
<?php /* 메인페이지 비쥬얼 슬라이더 */ ?>
<section class="mainVisualImage hiddAction">
<ul>
<li>
<img src="<?php echo G5_THEME_IMG_URL ?>/mainImg01.png" alt="">
<h2 class="mvTit01">다카라스탠다드의 5가지 Quality</h2>
<div class="mvTit02">
<p class="mvTit02txt">반짝반짝 빛나는 견고함과 넉넉함, 자연친화적 편리함!!!</p>
</div>
</li>
<li>
<img src="<?php echo G5_THEME_IMG_URL ?>/mainImg02.png" alt="">
<h2 class="mvTit01">법랑 시스템 키친으로</h2>
<div class="mvTit02">
<p class="mvTit02txt">마음설레는 하루하루를 보내세요.</p>
</div>
</li>
</ul>
</section>
<hr>
<center>
<div class="a1"> <img align="left" src="/theme/purewhite/img/a1.jpg"></div>
<div class="a2"> <a href="http://www.sejungsystem.com/bbs/content.php?co_id=aaa"><img align="left" src="/theme/purewhite/img/a2.jpg"></div>
<div class="a3"> <a href="http://www.sejungsystem.com/bbs/content.php?co_id=sejungsystem"><img align="left" src="/theme/purewhite/img/a3.jpg"></div>
<div class="a4"> <a href="http://www.epost114.co.kr/ab-4154403"><img align="left" src="/theme/purewhite/img/a4.jpg"></div>
<div class="a5"> <a href="http://www.sejungsystem.com/bbs/content.php?co_id=map"><img align="left" src="/theme/purewhite/img/a5.jpg"></div>
<div class="a6"> <a href="http://www.sejungsystem.com/bbs/content.php?co_id=cs"><img align="left" src="/theme/purewhite/img/a6.jpg"></div>
<div class="a7"> <a href="http://www.sejungsystem.com/bbs/board.php?bo_table=video&page="><img align="left" src="/theme/purewhite/img/a7.jpg"></div>
</center>
<?php
if(defined('_INDEX_')) { /* index에서만 실행 */
include G5_BBS_PATH.'/newwin.inc.php'; /* 팝업레이어 */
}
?>
<script src="<?php echo G5_THEME_URL ?>/plugin/bxslider/jquery.bxslider.min.js"></script>
<script src="<?php echo G5_THEME_URL ?>/js/WEBsiting.main.js"></script>
<?php
include_once(G5_THEME_PATH.'/tail.php');
?>
모바일로 보았을때 제품소개 오른쪽 버튼이 위로 사라짐 현상
<center>
<div class="a1"> <img align="left" src="/theme/purewhite/img/a1.jpg"></div>
<div class="a2"> <a href="http://www.sejungsystem.com/bbs/content.php?co_id=aaa"><img align="left" src="/theme/purewhite/img/a2.jpg"></div>
<div class="a3"> <a href="http://www.sejungsystem.com/bbs/content.php?co_id=sejungsystem"><img align="left" src="/theme/purewhite/img/a3.jpg"></div>
<div class="a4"> <a href="http://www.epost114.co.kr/ab-4154403"><img align="left" src="/theme/purewhite/img/a4.jpg"></div>
<div class="a5"> <a href="http://www.sejungsystem.com/bbs/content.php?co_id=map"><img align="left" src="/theme/purewhite/img/a5.jpg"></div>
<div class="a6"> <a href="http://www.sejungsystem.com/bbs/content.php?co_id=cs"><img align="left" src="/theme/purewhite/img/a6.jpg"></div>
<div class="a7"> <a href="http://www.sejungsystem.com/bbs/board.php?bo_table=video&page="><img align="left" src="/theme/purewhite/img/a7.jpg"></div>
</center>
이것을 없앴을때 정상이 됩니다...
뭐가 문제일까요 ㅠㅠ
고수님들 도와주세요 ㅠㅠ
답변 2
<h2>
<a href="http://www.sejungsystem.com/bbs/board.php?bo_table=video&page="></a>
<a href="#" target="_self"><b>제품소개</b>
<sub>www.sejungsystem.com
</a>
</h2>
사이트 접속 시 이렇게 소스가 보이는데
<a href="#" target="_self"><b>제품소개</b><a href="http://www.sejungsystem.com/bbs/board.php?bo_table=video&page="></a><b>제품소개</b><a href="http://www.sejungsystem.com/bbs/board.php?bo_table=video&page="><b>제품소개</b></a>
이렇게요.
메인페이지에 <head></head> 가 두번 들어가 있어요
슬라이드 위에 css 정의 하신 부분에 있는 <head></head>는 지워주시고
내용을 상단 <head></head> ,사이에 넣어서 확인해보세요
