탭메뉴에서 탭간 간격..? 정보
탭메뉴에서 탭간 간격..?본문
바다님이 올려주신 탭메뉴를 다운받아
처음 해보고 휘둥그래진 눈을 감을새도 없이,
삽질 끝에 4개의 탭을 3개로 만들고
이미지도 새로 만들어 넣어봤는데요,
분명 tap_menu.php에서 table width=300으로 주고
각각 이미지 태그 넣을 때 100씩 3개를 넣었거든요.
근데 그림처럼 탭 메뉴 사이에 이가 벌어져서
교정을 어떻게 해야 할지 모르겠더라구요.
어떻게 하면 저 탭메뉴들이 찰싹찰싹 붙어 이쁜 치아를 자랑할까요~??
그리고, 밑에 리스트 나오는 좌, 우, 아래 선 하나 그어져 있는거
이건 또 어디서 없애는 건가요??
댓글 전체
탭 부분 소스 올리셔야 (몽땅 올리실 필욘없구, 탭 메뉴 부분 <table 부분만) 수정 가능합니다. 답변은 밑에 분이 ^^
이건 tab_menu.php 부분입니다.
<table width="295" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<table width="295" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="">
<TABLE cellSpacing=0 cellPadding=0 border=0>
<TR>
<TD id=debate1><A href='<?=$g4[path]?>/bbs/board.php?bo_table=<?=$my_table1?>' title='목록으로' onfocus='this.blur()'><img src='<?=$g4[path]?>/tap_img/n_open.gif' border=0 align=absmiddle></A></TD>
<TD id=debate1#1 style="DISPLAY: none;"><A href="javascript:showLayer('1')" onfocus='this.blur()'><img src='<?=$g4[path]?>/tap_img/n_close.gif' border=0 align=absmiddle onmouseover="showLayer('1')"></A></TD>
</TR></TABLE></td>
<td width="">
<TABLE cellSpacing=0 cellPadding=0 border=0>
<TR>
<TD id=debate2 style="DISPLAY: none;"><A href='<?=$g4[path]?>/bbs/board.php?bo_table=<?=$my_table2?>' title='목록으로' onfocus='this.blur()'><img src='<?=$g4[path]?>/tap_img/q_open.gif' width=100 height=32 border=0 align=absmiddle></A></TD>
<TD id=debate2#1><A href="javascript:showLayer('2')" onfocus='this.blur()'><img src='<?=$g4[path]?>/tap_img/q_close.gif' width=100 height=32 border=0 align=absmiddle onmouseover="showLayer('2')"></A></TD>
</TR></TABLE></td>
<td width="">
<TABLE cellSpacing=0 cellPadding=0 border=0>
<TR>
<TD id=debate3 style="DISPLAY: none;"><A href='<?=$g4[path]?>/bbs/board.php?bo_table=<?=$my_table3?>' title='목록으로' onfocus='this.blur()'><img src='<?=$g4[path]?>/tap_img/f_open.gif' width=100 height=32 border=0 align=absmiddle></A> </TD>
<TD id=debate3#1><A href="javascript:showLayer('3')" onfocus='this.blur()'><img src='<?=$g4[path]?>/tap_img/f_close.gif' width=100 height=32 border=0 align=absmiddle onmouseover="showLayer('3')"></A></TD>
</TR></TABLE></td>
</tr>
</table>
<table width="295" border="0" cellspacing="0" cellpadding="0">
<colgroup width='1'>
<colgroup>
<colgroup width='1'>
<tr>
<td bgcolor='#D5D3E8'></td>
<td bgcolor='#FFFFFF' valign='top'>
<DIV id=debate_content1>
<?=latest('basic_tap',$my_table1, 5, 50);?></DIV>
<DIV id=debate_content2 style="DISPLAY: none;">
<?=latest('basic_tap',$my_table2, 5, 50);?></DIV>
<DIV id=debate_content3 style="DISPLAY: none;">
<?=latest('basic_tap',$my_table3, 5, 50);?></DIV>
</td>
<td bgcolor='#D5D3E8'></td>
</tr>
<tr><td colspan='3' bgcolor='#D5D3E8'></td></tr>
</table></td></tr>
</table>
<table width="295" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<table width="295" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="">
<TABLE cellSpacing=0 cellPadding=0 border=0>
<TR>
<TD id=debate1><A href='<?=$g4[path]?>/bbs/board.php?bo_table=<?=$my_table1?>' title='목록으로' onfocus='this.blur()'><img src='<?=$g4[path]?>/tap_img/n_open.gif' border=0 align=absmiddle></A></TD>
<TD id=debate1#1 style="DISPLAY: none;"><A href="javascript:showLayer('1')" onfocus='this.blur()'><img src='<?=$g4[path]?>/tap_img/n_close.gif' border=0 align=absmiddle onmouseover="showLayer('1')"></A></TD>
</TR></TABLE></td>
<td width="">
<TABLE cellSpacing=0 cellPadding=0 border=0>
<TR>
<TD id=debate2 style="DISPLAY: none;"><A href='<?=$g4[path]?>/bbs/board.php?bo_table=<?=$my_table2?>' title='목록으로' onfocus='this.blur()'><img src='<?=$g4[path]?>/tap_img/q_open.gif' width=100 height=32 border=0 align=absmiddle></A></TD>
<TD id=debate2#1><A href="javascript:showLayer('2')" onfocus='this.blur()'><img src='<?=$g4[path]?>/tap_img/q_close.gif' width=100 height=32 border=0 align=absmiddle onmouseover="showLayer('2')"></A></TD>
</TR></TABLE></td>
<td width="">
<TABLE cellSpacing=0 cellPadding=0 border=0>
<TR>
<TD id=debate3 style="DISPLAY: none;"><A href='<?=$g4[path]?>/bbs/board.php?bo_table=<?=$my_table3?>' title='목록으로' onfocus='this.blur()'><img src='<?=$g4[path]?>/tap_img/f_open.gif' width=100 height=32 border=0 align=absmiddle></A> </TD>
<TD id=debate3#1><A href="javascript:showLayer('3')" onfocus='this.blur()'><img src='<?=$g4[path]?>/tap_img/f_close.gif' width=100 height=32 border=0 align=absmiddle onmouseover="showLayer('3')"></A></TD>
</TR></TABLE></td>
</tr>
</table>
<table width="295" border="0" cellspacing="0" cellpadding="0">
<colgroup width='1'>
<colgroup>
<colgroup width='1'>
<tr>
<td bgcolor='#D5D3E8'></td>
<td bgcolor='#FFFFFF' valign='top'>
<DIV id=debate_content1>
<?=latest('basic_tap',$my_table1, 5, 50);?></DIV>
<DIV id=debate_content2 style="DISPLAY: none;">
<?=latest('basic_tap',$my_table2, 5, 50);?></DIV>
<DIV id=debate_content3 style="DISPLAY: none;">
<?=latest('basic_tap',$my_table3, 5, 50);?></DIV>
</td>
<td bgcolor='#D5D3E8'></td>
</tr>
<tr><td colspan='3' bgcolor='#D5D3E8'></td></tr>
</table></td></tr>
</table>
이건 latest.skin.php 부분입니다.
<table width=100% cellpadding=0 cellspacing=0 border=0>
<? for ($i=0; $i<count($list); $i++) { ?>
<tr>
<td align=center>
<table width=99% cellpadding=0 cellspacing=0 border=0>
<colgroup>
<colgroup width='70'>
<tr>
<td height=22 style='padding-top:3px;padding-left:5px;'> <img src='<?=$latest_skin_path?>/img/latest_icon.gif' align=absmiddle>
<?
$style = "font-family:돋움; font-size:9pt; color:#393939;";
if ($list[$i][icon_new])
$style = " style='font-family:돋움; font-size:9pt; color:#446C93;' "; //제목텍스트 글꼴, 크기, 칼라
$subject = "<span $style>".cut_str($list[$i][subject],27)."</span>"; //제목 글자수 자르기
echo $list[$i][icon_reply] . " ";
echo "<a href='{$list[$i][href]}' title='{$list[$i][subject]}'><font style='font-family:돋움; font-size:9pt; color:#6A6A6A;'>{$subject}</font></a>";
echo " " . $list[$i][icon_new];
?>
</td>
<!-- 날짜텍스트의 크기, 칼라 -->
<td align='right' style='padding-top:3px;padding-right:3px;'><span style='font-size:8pt; color:#AABFEA;'><?=$list[$i][datetime]?></span></td></tr>
<tr><td height=1 colspan=2 background='<?=$latest_skin_path?>/img/dot.gif'></td></tr>
</table></td>
</tr>
<? } ?>
<? if (count($list) == 0) { ?><tr><td align=center height=100><font color=#6A6A6A>게시물이 없습니다.</a></td></tr><? } ?>
<table width=100% cellpadding=0 cellspacing=0 border=0>
<? for ($i=0; $i<count($list); $i++) { ?>
<tr>
<td align=center>
<table width=99% cellpadding=0 cellspacing=0 border=0>
<colgroup>
<colgroup width='70'>
<tr>
<td height=22 style='padding-top:3px;padding-left:5px;'> <img src='<?=$latest_skin_path?>/img/latest_icon.gif' align=absmiddle>
<?
$style = "font-family:돋움; font-size:9pt; color:#393939;";
if ($list[$i][icon_new])
$style = " style='font-family:돋움; font-size:9pt; color:#446C93;' "; //제목텍스트 글꼴, 크기, 칼라
$subject = "<span $style>".cut_str($list[$i][subject],27)."</span>"; //제목 글자수 자르기
echo $list[$i][icon_reply] . " ";
echo "<a href='{$list[$i][href]}' title='{$list[$i][subject]}'><font style='font-family:돋움; font-size:9pt; color:#6A6A6A;'>{$subject}</font></a>";
echo " " . $list[$i][icon_new];
?>
</td>
<!-- 날짜텍스트의 크기, 칼라 -->
<td align='right' style='padding-top:3px;padding-right:3px;'><span style='font-size:8pt; color:#AABFEA;'><?=$list[$i][datetime]?></span></td></tr>
<tr><td height=1 colspan=2 background='<?=$latest_skin_path?>/img/dot.gif'></td></tr>
</table></td>
</tr>
<? } ?>
<? if (count($list) == 0) { ?><tr><td align=center height=100><font color=#6A6A6A>게시물이 없습니다.</a></td></tr><? } ?>