이것좀 알려주실분있나요? 레이아웃 html 테이블좀 여쭙겠습니다 정보
이것좀 알려주실분있나요? 레이아웃 html 테이블좀 여쭙겠습니다- supernaver 자기소개 아이디로 검색 회원게시물 (210.♡.♡.19)
- 조회 1,214
- 댓글 2
본문
그누보드나 제로보드가 php 언어를 사용해서 아직은 모르는부분이많아,
작게나마 Html 소스로 만들어진 사이트를 제작중입니다.
다름이아니라 아래 사진을 보시게 되면,
자주색부분은 현제 나모웹에디터에 나와있는 레이아웃사황인데,
이부분을 추가 시키고싶습니다.. 어떻게 해야 추가를 할수있을까요?
소스를
제가 파란색부분을 추가 시키고싶습니다..
그래서 그런데, 혹시 소스좀 알려주시고,
어디쯤에 넣어야 되는지좀 알려주시면안될까요?
소스는 아래 적어놓도록하겠습니다!
부탁드리겠습니다.. ㅠㅠ.. 꼭좀알려주세요!!
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=euc-kr">
<title>제목 없음</title>
<meta name="generator" content="Namo WebEditor(Trial)">
</head>
<body bgcolor="white" text="black" link="blue" vlink="purple" alink="red">
<p> <table border="0" width="900" align="center">
<tr>
<td width="280">
<p align="center"> </p>
</td>
<td width="326">
<h4 align="center"> </h4>
</td>
<td width="280">
<p align="center">
</td>
</tr>
</table>
<table border="0" width="989" align="center">
<tr>
<td width="983"> </td>
</tr>
</table>
<table border="0" width="786" align="center" height="279">
<tr>
<td width="241" valign="top" height="275">
<p align="left">
<table align=center cellspacing=0 cellpadding=0>
<tr>
<td>
<table cellspacing=0 cellpadding=0>
<tr>
<td>
<img name="mainimage" src="맨처음 보여질 큰이미지경로" width="큰이미지가로폭" height="큰이미지세로폭" class=brd></td>
</tr>
</table>
</td>
<td width=5></td>
<td valign=top>
<table cellspacing=0 cellpadding=0>
<tr>
<td> </td>
<td width=5></td>
<td> </td>
</tr>
<tr>
<td height=5></td>
</tr>
<tr>
<td> </td>
<td width=5></td>
<td>
<p> </p>
</td>
</tr>
<tr>
<td height=5></td>
</tr>
<tr>
<td> </td>
<td width=5></td>
<td> </td>
</tr>
<tr>
<td height=5></td>
</tr>
<tr>
<td> </td>
<td width=5></td>
<td> </td>
</tr>
</table>
</td>
</tr>
</table>
</td>
<td width="253" valign="top" height="275">
<table align=center cellspacing=0 cellpadding=0>
<tr>
<td>
<table cellspacing=0 cellpadding=0>
<tr>
<td>
<img name="mainimage" src="맨처음 보여질 큰이미지경로" width="큰이미지가로폭" height="큰이미지세로폭" class=brd></td>
</tr>
</table>
</td>
<td width=5></td>
<td valign=top>
<table cellspacing=0 cellpadding=0>
<tr>
<td> </td>
<td width=5></td>
<td> </td>
</tr>
<tr>
<td height=5></td>
</tr>
<tr>
<td> </td>
<td width=5></td>
<td>
<p> </p>
</td>
</tr>
<tr>
<td height=5></td>
</tr>
<tr>
<td> </td>
<td width=5></td>
<td> </td>
</tr>
<tr>
<td height=5></td>
</tr>
<tr>
<td> </td>
<td width=5></td>
<td> </td>
</tr>
</table>
</td>
</tr>
</table>
</td>
<td width="278" valign="top" height="275">
<p align="left">
<table align=center cellspacing=0 cellpadding=0>
<tr>
<td>
<table cellspacing=0 cellpadding=0>
<tr>
<td>
<img name="mainimage" src="맨처음 보여질 큰이미지경로" width="큰이미지가로폭" height="큰이미지세로폭" class=brd></td>
</tr>
</table>
</td>
<td width=5></td>
<td valign=top>
<table cellspacing=0 cellpadding=0>
<tr>
<td> </td>
<td width=5></td>
<td> </td>
</tr>
<tr>
<td height=5></td>
</tr>
<tr>
<td> </td>
<td width=5></td>
<td>
<p> </p>
</td>
</tr>
<tr>
<td height=5></td>
</tr>
<tr>
<td> </td>
<td width=5></td>
<td> </td>
</tr>
<tr>
<td height=5></td>
</tr>
<tr>
<td> </td>
<td width=5></td>
<td> </td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
<table border="0" width="750" align="center">
<tr>
<td width="750">
<TABLE cellSpacing=0 cellPadding=0 width=966 border=0 align="center">
<TR>
<TD width=966 bgColor=#f4f4f4 height=68>
<p align="left"></p>
</TD>
</TR>
</TABLE>
</td>
</tr>
</table>
</body>
</html>
0
댓글 2개
엑박
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ko" lang="ko">
<head>
<meta http-equiv="imagetoolbar" content="no" />
<meta http-equiv="content-type" content="text/html; charset=euc-kr" />
<title> home </title>
<style type="text/css" media="all">
html {width:100%; height:100%; border:0; padding:0;}
body {width:100%; height:100%; padding:0; margin:0; text-align:center;}
form {margin:0; padding:0;}
img {border:0;}
label {cursor:pointer;}
/* 레이아웃 시작 */
.homeTb {width:900px; table-layout:fixed; margin:0 auto; border-collapse:collapse; border-spacing:0;}
.homeTb tr{font-size:12px; vertical-align:top;}
.homeTb_tdL{background-color:#399;} /* 좌측 Td */
.homeTb_tdR{background-color:#399;} /* 우측 Td */
.homeTb_in {width:100%; table-layout:fixed; border-collapse:collapse; border-spacing:0;} /* 안쪽 테이블, 중첩 ㅡㅡ;; */
.homeTb_in_top {background-color:#fcc; height:100px;} /* 안쪽 테이블 최상단 */
.homeTb_in_menu {background-color:#eee; height:50px;} /* 안쪽 테이블 메뉴 */
.homeTb_in_con {height:50px;} /* 안쪽 테이블 내부 1 tr */
.homeTb_in_con td{border-bottom:1px solid #ddd;}
.homeTb_in_con2 {height:500px;} /* 안쪽 테이블 내부 2 tr */
.homeTb_in_con2 td{border-bottom:1px solid #ddd;}
.homeTb_copy {background-color:#eee; height:200px;} /* 하단 Td */
/* 레이아웃 끝 */
</style>
</head>
<body>
<table class="homeTb" cellpadding="0">
<colgroup><col width="120px" /><col /><col width="120px" /></colgroup>
<tbody>
<tr>
<td class="homeTb_tdL">Left</td>
<td>
<table class="homeTb_in" cellpadding="0">
<colgroup><col width="220px" /><col width="220px" /><col width="220px" /></colgroup>
<tbody>
<tr>
<td colspan="3" class="homeTb_in_top">TOP</td>
</tr>
<tr>
<td colspan="3" class="homeTb_in_menu">MENU</td>
</tr>
<tr class="homeTb_in_con">
<td>1</td>
<td>2</td>
<td>3</td>
</tr>
<tr class="homeTb_in_con2">
<td>큰이미지가로폭</td>
<td>5</td>
<td>6</td>
</tr>
</tbody>
</table>
</td>
<td class="homeTb_tdR">Right</td>
</tr>
<tr>
<td> </td>
<td class="homeTb_copy">
Bottom
</td>
<td> </td>
</tr>
</tbody>
</table>
</body>
</html>
