I wan tto look at my <a href="http://holyrock.zxq.net">testing site</a>.
I would like to change like <a href="http://holyrock.zxq.net/index1.html">this.</a>
Here are my code draft:
<!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-Language" content="en-us" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" href="/css/stylesheet.css" />
<style type="text/css">
body{
margin: 0;
padding: 0;
border: 0;
overflow: hidden;
height: 100%;
max-height: 100%;
}
#framecontentTop, #framecontentBottom{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 125px; /*Height of top frame div*/
overflow: hidden; /*Disable scrollbars. Set to "scroll" to enable*/
background-color: navy;
color: white;
}
#framecontentBottom{
top: auto;
bottom: 0;
height: 50px; /*Height of bottom frame div*/
overflow: hidden; /*Disable scrollbars. Set to "scroll" to enable*/
background-color: navy;
color: white;
}
#maincontent{
position: fixed;
top: 125px; /*Set top value to HeightOfTopFrameDiv*/
left: 0;
right: 0;
bottom: 50px; /*Set bottom value to HeightOfBottomFrameDiv*/
overflow: auto;
background: #fff;
}
.innertube{
margin: 15px; /*Margins for inner DIV inside each DIV (to provide padding)*/
}
* html body{ /*IE6 hack*/
padding: 125px 0 50px 0; /*Set value to (HeightOfTopFrameDiv 0 HeightOfBottomFrameDiv 0)*/
}
* html #maincontent{ /*IE6 hack*/
height: 100%;
width: 100%;
}
</style>
</head>
<body style="font-family: sans-serif;">
<div id="framecontentTop">
<div class="innertube">
<h1 align="top_left">H-R Inforway</h1>
<h3>favicon image</h2>
<h3 align="bottom_right">Menubar goes here</h3>
</div>
</div>
<div id="framecontentBottom">
<div class="innertube">
<h3>Sample text here</h3>
</div>
</div>
<div id="maincontent">
<div class="innertube">
<h1>Main Content goes here</h1>
Here are contents for the header:
<table border="1">
<tr>
<th>hn tag goes here </th>
<th>projection</th>
</tr>
<tr>
<td>left top</td>
<td>right top</td>
</tr>
<tr>
<th>Favicon Image</th>
<th>menu bar</th>
</tr>
<tr>
<td>Logo Image: left top</td>
<td>menu bar: left bottom</td>
</tr>
</table>
<p> how can I locate my target link page from menubar in the content section?</P>
<br>
<P>Do I need to put php or java include function in each menu link?</p>
<br>
<P>or Is it work with outsife link rel for the menu?</p>
<br>
<P>I want to use my menu like<a href="http://www.opencube.com/quickmenu/gallery/divided_mains.html">this!!!</a></p>
</div>
</div>
</body>
</html>