모바일 게시판 css 이용한 메뉴
본문
모바일 게시판 view.skin.php 상단에 div를 하나넣어서 특정 이미지 클릭시 div를 보이는 코딩을 했습니다.
게시판이 아닌 다른 페이지에서는 문제없이 작동하는데 view, list 스킨에 작업을 하니 게시판을 불러왔을때 작동이 되지 않더군요 ㅠㅠ 어떻게 소스를 수정해야 할지 조언좀 부탁드립니다...
<?php
if (!defined("_GNUBOARD_")) exit; // 개별 페이지 접근 불가
include_once(G5_LIB_PATH.'/thumbnail.lib.php');
// add_stylesheet('css 구문', 출력순서); 숫자가 작을 수록 먼저 출력됨
add_stylesheet('<link rel="stylesheet" href="'.$board_skin_url.'/style.css">', 0);
?>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr valign="top">
<td colspan="2"><img src="http://nsywca.cafe24.com/board/mobile/img/m1.jpg" width="17.35%" onClick="menu.style.visibility = 'visible' "><img src="http://nsywca.cafe24.com/board/mobile/img/s1_1.png" width="82.65%"></td>
</tr>
</table>
<table width="100%">
</table>
<div id="menu" style=" width:60%;position:absolute; visibility: hidden; top:0; left:0">
<img src="http://nsywca.cafe24.com/board/mobile/img/menu.png" width="100%" onClick="hide()">
</div>
</div>
답변 1
visibility 이거는 해당 태그를 숨기되 공간을 확보해두려고 쓰는거에요.
그런데 해당하는 태그의 포지션이 엡솔루트라면 기본적으로 공간확보가 안되시는데 visibility를 쓰는것보다는 jquery의 show, hide를 사용해보세요.
공간 확보 용도로쓴게 아니고 특정 이미지 클릭하여 메뉴띄우는 목적으로 사용한것입니다.
제 질문은 다른곳에서는 사용이되는데 스킨 php에 사용했을때 게시판을 불러오면서 경로가 꼬여 작동이 되지 않는것을
어떻게 잡을수 있을지를 물어본 것입니다.
