업무 화면을 설계할때 많이 사용하는 것이 table테그이다.
그러나 복잡한 화면 같은 경우 상당히 코드가 지저분해 진다.
이런 경우 fieldset을 이용하면 나름 괜찮은;;;
화면을 구성할수있다.
나름 괜찮지 않은가? ㅋ 소스는 아래와 같다.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
</HEAD>
<style>
.fieldset {
BORDER-LEFT-WIDTH: 10px;
FONT-SIZE: 12px;
font-family:"굴림", "굴림체", "Arial", "Verdana" color;
color: #434343;
BORDER-right-WIDTH: 1px;
BORDER-top-WIDTH: 1px;
BORDER-bottom-WIDTH: 1px;
border-color:#5D96C7;
margin-left:5;
margin-right:5;
margin-top:5;
margin-bottom:5;
padding-right: 3;
padding-left: 3;
padding-top: 3;
padding-bottom: 5;
}
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
</HEAD>
<style>
.fieldset {
BORDER-LEFT-WIDTH: 10px;
FONT-SIZE: 12px;
font-family:"굴림", "굴림체", "Arial", "Verdana" color;
color: #434343;
BORDER-right-WIDTH: 1px;
BORDER-top-WIDTH: 1px;
BORDER-bottom-WIDTH: 1px;
border-color:#5D96C7;
margin-left:5;
margin-right:5;
margin-top:5;
margin-bottom:5;
padding-right: 3;
padding-left: 3;
padding-top: 3;
padding-bottom: 5;
}
</style>
<BODY>
<fieldset class="fieldset" style="width:450" id="oFile" style="border-color:#2ADF55;">
<legend>[제목]</legend>
이부분에는 내용 또는 HTML / ActiveX컴포넌트등이<br>
<BODY>
<fieldset class="fieldset" style="width:450" id="oFile" style="border-color:#2ADF55;">
<legend>[제목]</legend>
이부분에는 내용 또는 HTML / ActiveX컴포넌트등이<br>
위치할수있다.<br>
</fieldset>
</BODY>
</HTML>
</BODY>
</HTML>
No comments:
Post a Comment