'상자만들기'에 해당되는 글 1건

  1. 2009.01.05 [Javascript] 레이아웃 수정
1. 로그인 메뉴 부분 추가
2. css로 속성 변경

<?xml version="1.0" encoding="EUC-KR"?>
<%@ page language="java" contentType="text/html; charset=EUC-KR"
    pageEncoding="EUC-KR"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=EUC-KR" />
<title>test table</title>
<style type="text/css">
body{background-color:#ffffff;margin: 0;padding: 0;}
body,#fpage,#ttitle,#mtitle,#lmtitle,#cmtitle,#rmtitle,#btitle,#footer,a{font-family: 돋움,vernada;font-size:12px;}
input{border:1px solid #C3D9FF;font:normal 12px vernada,돋움;color:#4F4F30;}
accnt, accnt_admin{margin:0;padding:0;}
a{text-decoration:none;}
a:hover{text-decoration:none;}
#fpage{width: 935px;}
#ttitle{width: 100%;height:315px;background-color: #ff6600;}
#mtitle{width: 100%;height:510px;background-color: yellow;}
#lmtitle,#cmtitle,#rmtitle{height: 500px}
#lmtitle{position:relative;width: 25%;top:0:;left:0;float:left;background-color: #ffffff;}
#cmtitle{width: 50%;float:left;overflow: hidden;background-color: red;}
#rmtitle{width: 25%;float:left;background-color: blue;}
#btitle{height:58px;padding-left:220px;clear:both;background-color: green;}
#footer{}
#login{float: right;border-style:solid;border-color:#C3D9FF;border-width: 1px;background-color: #ffffff;margin: 10px;padding:2px}
.txtin{margin: 3px;width:100px;height:18px;}
.idchk{width: 1px;height:1px;}
.passin{margin:3px;width:100px;height:18px;}
.conin{margin:3px;background-color:#E5ECF9;height: 22px;width: 50px;}
</style>
</head>

<body>
<div id="fpage">
<!-- 상단  -->
<div id="ttitle">
<div id="login">
<form id="accnt">
<table bgcolor="#EFF3FC">
<tr>
<td><input type="text" name="id" class="txtin"/>
</td>
<td><input type="checkbox" class="idchk" value="chk"name="id기억"/>id기억
</td>
</tr>
<tr>
<td><input type="password" name="pword" class="passin"/>
</td>
<td><input type="button" class="conin" value="로그인"/>
<!-- 로그인 버튼은 나중에 이미지로 넣을 것 -->
</td>
</tr>
</table>
</form>
<p>
</p>
<form id="accnt_admin">
<table bgcolor="#EFF3FC">
<tr>
<td width="168px">
<a href="#void">id/password 찾기</a>
</td>
</tr>
<tr>
<td>
<a href="#void">회원가입</a>
</td>
</tr>
</table>
</form>
</div>
<div id="notice">
</div>
</div>
<!-- 중간  -->
<div id="mtitle">
<div id="lmtitle">
</div>
<div id="cmtitle">
</div>
<div id="rmtitle">
</div>
</div>
<!-- 하단 -->
<div id="btitle">
</div>
<!-- 하단 공백 -->
<div id="footer">
</div>
</div>
</body>
</html>
Posted by zeide
,