메뉴의 여백부분이 이상해요 ㅠㅠ 정보
메뉴의 여백부분이 이상해요 ㅠㅠ본문
그림사이즈가 171인데
160으로해야 딱맞고..170으로하면 저렇게 틈이생깁니다.
소스 한번 첨부해볼께요.
<?
if (!defined("_GNUBOARD_")) exit; // 개별 페이지 접근 불가
?>
<link rel="stylesheet" type="text/css" href="<?=$g4[path]?>/sdmenu/sdmenu.css" />
<script type="text/javascript" src="<?=$g4[path]?>/sdmenu/sdmenu.js">
/***********************************************
* Slashdot Menu script- By DimX
* Submitted to Dynamic Drive DHTML code library: http://www.dynamicdrive.com
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
***********************************************/
</script>
<script type="text/javascript">
// <![CDATA[
var myMenu;
window.onload = function() {
myMenu = new SDMenu("my_menu");
myMenu.init();
};
// ]]>
</script>
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td background="<?=$g4[path]?>/sdmenu/menu_head.gif" width="171" height="6"></td>
</tr>
<tr>
<td background="<?=$g4[path]?>/sdmenu/menu_temp.gif" width="171" height="63"></td>
</tr>
<tr>
<td background="<?=$g4[path]?>/sdmenu/menu_bg.gif" width="171" height="12" valign="center" style="padding:0 3 0 3px;">
<div id="my_menu" class="sdmenu">
<?
$sqlgr = " select gr_id, gr_subject from $g4[group_table] order by gr_1 ";
$resultgr = sql_query($sqlgr);
for ($i=0; $rowgr=sql_fetch_array($resultgr); $i++) {
$sqlbo = " select gr_id, bo_table, bo_subject from $g4[board_table] where gr_id = '$rowgr[gr_id]' order by bo_1 ";
$resultbo = sql_query($sqlbo);
echo "<div>\n";
echo "<span>$rowgr[gr_subject]</span>\n";
for ($i=0; $rowbo=sql_fetch_array($resultbo); $i++) {
echo "<a href='$g4[bbs_path]/board.php?bo_table=$rowbo[bo_table]'>$rowbo[bo_subject]</a>\n";
}
echo "</div>\n";
}
?>
</div>
</tr>
<tr>
<td background="<?=$g4[path]?>/sdmenu/powered.gif" width="171" height="20"><script>doc_write(flash_movie("<?=$g4['path']?>/sdmenu/bn.swf", "menuflash", 171, 20, "transparent"));</script></td>
</tr>
<tr>
<td background="<?=$g4[path]?>/sdmenu/menu_tail.gif" width="171" height="6"></td>
</tr>
</table>
댓글 전체
이렇게 하면 그 요소의 가로세로 길이가 어떻게 구성되어있나 볼 수 있습니다.
border, margin, padding이 어떻게 계산되어있나 살펴보세요. 아마 어디선가 계산이 어긋나고 있는 것 같습니다.
이부분이 문제입니다. 171의 넓이와 padding-right: 3px; padding-left: 3px; 이 더해져서 총 넓이가
177로 변형되었기때문에 원래의 사이즈보다 커진 것입니다.
width="165" 가 되어야 원하는 결과물이 될것입니다.
메뉴를 180으로 나오게끔 출력할순 없는건가요??
그림 사이즈를 191로 해도 그렇게 될까요?
180이라면 171로 되어잇는 것들을 모두 180으로 바꾸게 되고,
<td background="<?=$g4[path]?>/sdmenu/menu_bg.gif" width="171" height="12" valign="center" style="padding:0 3 0 3px;">
이와같이 padding을 조절햇을때 적용된 값만을 제외한 값이 적용하면 180으로도 맞추실 수 있을꺼에요