<html><head>
<meta content="text/html; charset=shift_jis" http-equiv=Content-Type>
<title>cssメニューページ</title>
<style TYPE="text/css">
<!--
body { background-color: navy; margin: 0px; padding: 0px;}
.main { z-index:10; width:600px; height:100%; margin: 1px; padding: 1px;}
.hidari{z-index:20;width:250px;height:100%;background-color:#dddddd; position:absolute;left:7%;top:0px;}
.migi {z-index:30;width:540px;height:100%;background-color:#ffffbb;position:absolute;left:22%;top:0px;}
.hidari-mn, .migi-mn { z-index:40; margin: 15px 0px 0px 5px; padding: 5px; }
-->
</style>
</head>
<body>
<div class="main">
<div class="hidari">
<div class="hidari-mn"><br>
<a href="css-m.html">初期ページ</a><br><br>
<a href="../../index.html">くらげのトップ</a><br><br>
<a href="../../jhp_g/hp_g.html">ＨＰ作りTop</a><br><br>
<a href="../../it14/it14.html">IT入門Top</a><br><br>
<a href="./tech.html">ＨＰテク</a>
</div>
</div>
<div class="migi">
<div class="migi-mn">
<h2> こちらに、本文を表示します</h2><br><br>
framesetの場合と異なり、左のメニューは一体で形成されています
<br><br><br>リンク先の頁を表示すると、メニューも一緒に消えるので、
それぞれの頁に<br>メニュー等を記述する必要があります<br><br>
<a href="frame-r.html">初期ページ</a>
<a href="../../index.html">くらげのトップ</a>
<a href="../../jhp_g/hp_g.html">ＨＰ作りTop</a>
<a href="../../it14/it14.html">IT入門Top</a>
<a href="./tech.html">ＨＰテク</a>
</div>
</div>
</div>
</body></html>