header.jsp
<%@ page contentType="text/html; charset=Shift_JIS" %>
<!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" xml:lang="ja" lang="ja">
<!-- InstanceBegin template="/Templates/pattern_f.dwt" codeOutsideHTMLIsLocked="false" -->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=shift_jis" />
<meta name="Content-Language" content="ja" />
<meta http-equiv="Content-Script-Type" content="text/javascript" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<!-- InstanceBeginEditable name="doctitle" -->
<title>Header</title>
<!-- InstanceEndEditable -->
<meta name="Description" content="" />
<meta name="Keywords" content="" />
<link rel="index" href="http://www.my.go.jp/" />
<link rev="made" href="mailto:reserved_mail_address" />
<link href="/my/css/a.css" rel="stylesheet" type="text/css" media="screen,tv" />
<link href="/my/css/b.css" rel="stylesheet" type="text/css" media="print" />
<!-- InstanceBeginEditable name="head" -->
<style type="text/css">
<!--
.style1 {color: #FF0000}
-->
</style>
<!-- InstanceEndEditable -->
</head>
<body>
<div id="helpnavi">
<ul>
<li>[<a href="#GlobalNavi" accesskey="n" title="メニューへスキップ">メニューへスキップ</a>]</li>
<li>[<a href="#wrapperContentnts" accesskey="0" title="本文へスキップ">本文へスキップ</a>]</li>
</ul>
</div>
<div id="wrapper">
<div style="height:60px;background-color:#fff0f5;">
<div style="width=730px;height:60px;"> <img src="/my/images/layout/sys_logo.gif" width="400" height="60"style="float:left;">
<img src="/my/images/layout/gsdb_logo.gif" width="215" height="58" style="float:right;">
</div>
</div>
<div><img src="/my/images/layout/line_top_03.gif" width="760" height="10"></div>
footer.jsp
<%@ page contentType="text/html; charset=Shift_JIS" %>
<!-- //contents -->
<div><img src="common/images/layout/line02.gif" width="760" height="3"></div>
<div><img src="common/images/layout/line01.gif" width="760" height="3"></div>
<div id="footer">
<div class="footerLayout">
<ul><li><a href="./about.htm" title="About US">About US</a></li></ul>
</div>
</div>
<div id="copy">
<p id="copyright" style="margin-bottom: 0">
NNNNN Copyright © 2000 . NN All rights reserved.
</p>
</div>
</body>
</html>
menu.jsp
<%@ page contentType="text/html; charset=Shift_JIS" %>
<table border="0" width="100%" style="background-color:#ffeff8" cellspacing="0">
<tr>
<td><a href="./index.htm">To TopPage</a></td>
</tr>
<tr>
<td>Usage</td>
</tr>
<tr>
<td class="child"><a href="./index.htm">Usage :Search</a></td>
</tr>
<tr>
<td class="child"><a href="./howto_2.htm">Usage :Update</a></td>
</tr>
<tr>
<td class="child"><a href="./index.htm">Usage :Insert</a></td>
</tr>
<tr>
<td class="end"><a href="./faq.htm">Question</a></td>
</tr>
<tr>
<td class="blank"> </td>
</tr>
<tr>
<td class="end" style="text-indent:0em"><a href="./enquete.htm">NNNN Block</a></td>
</tr>
<tr>
<td class="blank"> </td>
</tr>
<tr>
<td class="end"><a href="./login.htm">Login Block</a></td>
</tr>
<tr>
<td class="blank"> </td>
</tr>
</table>
InputText.jsp
<%@ page contentType="text/html; charset=Shift_JIS" %>
<%@ taglib uri="/tags/struts-html" prefix="html" %>
<jsp:include page="/jsp/common/header.jsp"/>
<!-- //header -->
<!-- contents -->
<div id="wrapperContentnts" >
<div id="wrapper2">
<div class="TopLeftMenu">
<div class="List">
<div class="contentsMenu">
<jsp:include page="/jsp/common/menu.jsp"/>
</div>
</div>
</div>
<div class="TopLet">
<div class="TempP008">
<div id="BreadClumb">
<p><a href="./index.htm" title="ホーム">HomePage</a> »
<a href="./index.htm" title="トップ"> Top </a> »
<a href="./input01.htm" title="FFF">Input Text 01</a> »
<strong>Input Text</strong></p>
</div>
<div class="text">
<div class="mainmenu" style="margin-top:8px">
<p style="font-weight:bold;
background-color:mistyrose;
padding: 4px;
border-bottom-width: 1px;
border-bottom-style: none;
border-bottom-color: blue;
border-left-width: 2px;
border-left-style: none;
border-left-color: blue;
margin-bottom:5px;">
Input Text Title</p>
<html:errors/>
<div style="margin-top:18px;margin-left:30px">
<html:form action="/inputText.do">
<html:hidden property="action"/>
<table width="100%" border="0" align="center">
<tr>
<td nowrap>Input Text</td>
</tr>
<tr>
<td nowrap><div style="margin-left:35px;"><html:textarea name="InputTextForm" property="text1" cols="66" rows="5"/></div></td>
</tr>
</table>
<div style="margin-right:30px;margin-top:30px;" align="left">
<input name="" type="button" value=" Save " οnclick="MessageSave()" />
<input name="" type="button" value=" Back " οnclick="back()" />
</div>
</html:form>
</div>
</div>
</div>
</div>
</div>
<br clear="all" />
</div>
<!-- footer -->
<jsp:include page="/jsp/common/footer.jsp"/>
<!-- //footer -->
<script language="JavaScript">
function MessageSave() {
document.InputTextForm.action.value="register";
document.InputTextForm.submit();
}
function back(){
document.location="/backToContents.do";
}
</script>
部分css file
...
div.contentsMenu table {
border-color:darkgray;
border-style:solid;
border-width:0px 0px 0px 0px;
}
div.contentsMenu td {
padding:2px;
border-color:darkgray;
border-style:solid;
border-width:1px 1px 0px 1px;
}
div.contentsMenu td.child {
text-indent:1em;
border-color:darkgray;
border-style:solid;
border-top-style:dashed;
border-width:1px 1px 0px 1px;
}
div.contentsMenu td.blank {
text-indent:1em;
border-color:darkgray;
border-style:solid;
border-width:1px 0px 0px 0px;
height:5px;
}
div.contentsMenu td.end {
border-color:darkgray;
border-style:solid;
border-width:1px;
}
...