후... 설명을 위해서 첨부 정보
후... 설명을 위해서 첨부본문
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr height="32"><td style="padding:0 0 2 10px;" colspan="4"><?=latest("notice","001_1","1","100");?></td><td><?=popular("scroll");?></td></tr>
<tr>
<!-- 좌측 시작-->
<td width="<?=$config[cf_home_left]?>" valign="top">
<table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0">
<tr><td><?=outlogin("$config[cf_skin_outlogin]","");?></td></tr>
<tr><td height="<?=$config[cf_home_margin]?>"></td></tr>
<tr>
<td>
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr height="29">
<td width="2" background="<?=$main_skin_path?>/img/box_1.gif"></td>
<td background="<?=$main_skin_path?>/img/box_2.gif" style="padding:3px 0px 0px 10px; color:#555555; font-weight:bold;">서비스 바로가기</td>
<td width="2" background="<?=$main_skin_path?>/img/box_3.gif"></td>
</tr>
<tr>
<td width="2" background="<?=$main_skin_path?>/img/box_4.gif"></td>
<td>
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr height="5"><td></td></tr>
<tr><td class="small" style="color:#cccccc;padding:6px 0px 6px 10px;"><a href="javascript:coupon_go();" style="color:#777777;">쿠폰 생성</a> |
<? if ($is_admin == "super" || $is_auth) { ?><a href="<?=$g4[path]?>/service/coupon/index.php" style="color:#777777;">쿠폰정보</a><? }else{ ?><a href="<?=$g4[path]?>/service/coupon/coupon_input.php" style="color:#777777;">쿠폰 사용</a><?}?>
| <a href="<?=$g4[path]?>/service/item/index.php" style="color:#777777;">아이템 몰</a></td></tr>
<tr><td class="small" style="color:#cccccc;padding:6px 0px 6px 10px;"><a href="<?=$g4[bbs_path]?>/board.php?bo_table=04_1" style="color:#777777;">다운로드</a> | <a href="javascript:dobak();" style="color:#777777;">알바 빠찡코</a> | <a href="javascript:coupon_charge();" style="color:#777777;">포인트 충전</a></td></tr>
<tr height="5"><td></td></tr>
</table>
</td>
<td width="2" background="<?=$main_skin_path?>/img/box_5.gif"></td>
</tr>
<tr height="3">
<td width="2" background="<?=$main_skin_path?>/img/box_6.gif"></td>
<td background="<?=$main_skin_path?>/img/box_7.gif"></td>
<td width="2" background="<?=$main_skin_path?>/img/box_8.gif"></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
<!-- 좌측 끝 -->
<td width="<?=$config[cf_home_margin]?>"></td>
<!-- 중앙 시작 -->
<td valign="top">
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr><td align="center"><?=banner_rand("메인배너");?></td></tr>
</table>
</td>
<!-- 중앙 끝 -->
<td width="<?=$config[cf_home_margin]?>"></td>
<!-- 우측 시작 -->
<td width="<?=$config[cf_home_right]?>" valign="top">
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr><td align="center"><?=latest("img_ob_n","01_1","4","60");?></td></tr>
</table>
</td>
<!-- 우측 끝 -->
</tr>
<tr><td height="<?=$config[cf_home_margin]?>" colspan="5"></td></tr>
<tr>
<!-- 좌측 시작-->
<td valign="top">
<table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td>
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr height="29">
<td width="2" background="<?=$main_skin_path?>/img/box_1.gif"></td>
<td background="<?=$main_skin_path?>/img/box_2.gif" style="padding:3px 0px 0px 10px; color:#555555; font-weight:bold;">포인트 순위</td>
<td width="2" background="<?=$main_skin_path?>/img/box_3.gif"></td>
</tr>
<tr>
<td width="2" background="<?=$main_skin_path?>/img/box_4.gif"></td>
<td class='small' style='padding:5 5 5 5;'><?include_once("$g4[path]/include/point_rank.php")?></td>
<td width="2" background="<?=$main_skin_path?>/img/box_5.gif"></td>
</tr>
<tr height="3">
<td width="2" background="<?=$main_skin_path?>/img/box_6.gif"></td>
<td background="<?=$main_skin_path?>/img/box_7.gif"></td>
<td width="2" background="<?=$main_skin_path?>/img/box_8.gif"></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
<!-- 좌측 끝 -->
<td></td>
<!-- 중앙 시작-->
<td valign="top"><?include_once("$g4[path]/include/tap.menu.php");?></td>
<!-- 중앙 끝 -->
<td></td>
<!-- 우측 시작-->
<td valign="top">
<table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td>
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr height="29">
<td width="2" background="<?=$main_skin_path?>/img/box_1.gif"></td>
<td background="<?=$main_skin_path?>/img/box_2.gif" style="padding:3px 0px 0px 10px;">
<table width="100%" border="0" cellpadding="0" cellspacing="0"><tr><td><span style="font-size:11px;font-family:돋움;letter-spacing:-1px;color:#888888;">오늘의 새글</span></td><td align="center"><span class="small"><a href="<?=$g4[bbs_path]?>/new.php">더보기</a></span></td></tr></table></td>
<td width="4" background="<?=$main_skin_path?>/img/box_3.gif"></td>
</tr>
<tr>
<td width="2" background="<?=$main_skin_path?>/img/box_4.gif"></td>
<td bgcolor="#f8f8f8">
<table width="100%" cellpadding='0' cellspacing='0' border='0'>
<tr><td class='small' style='padding:0 10 0 10;'><?=newdata("basic2",5,24,25);?></td></tr>
</table>
</td>
<td width="4" background="<?=$main_skin_path?>/img/box_5.gif"></td>
</tr>
<tr height="3">
<td width="2" background="<?=$main_skin_path?>/img/box_6.gif"></td>
<td background="<?=$main_skin_path?>/img/box_7.gif"></td>
<td width="4" background="<?=$main_skin_path?>/img/box_8.gif"></td>
</tr>
</table>
</td>
</tr>
</table>
</td><?=poll("$config[cf_skin_poll]")?>
<!-- 우측 끝 -->
<td></td>
</tr>
<tr><td height="<?=$config[cf_home_margin]?>" colspan="5"></td></tr>
<tr>
오누리빌더쪽에서 빼왔습니다. 이건 제가 적용하는데 물어보고싶어서 첨부했씁니다.
이것에서 어떤게, 프레임을 나눠서 레이아웃을 잡아주는지를 알고싶고,
되도록이면, 조그마한 각각의 기능도 조금알고싶네요, 기본적인 <td><tr><width> 이런것빼구요ㅜ
0
댓글 2개
여러개 파일 뜯어보고 대입도 해보고, 질문답변게시판도 이용해보고 했지만..
정말로 답이 안나와서 이렇게 질문해요 ㅜ
궁금한 부분에 대고 우클릭 후 "요소 검사"를 누르면 그 부분이 어떤 태그로 되어있고, 다른 태그들과 상하관계가 어떻게 되는지 다 뜹니다. 레이아웃 구조에 대해 감을 잡는데 도움 많이 될겁니다.