Forum Moderators: not2easy
<style type="text/css">
/* This is my test header setup */
div.top {
position: relative; left: 3%; width: 96%; height: 200px; font-family: Arial; 1em; border: solid 2px blue;
} /* Header main box*/
div.left{
display: block; position: absolute; left: 40%; top: 65px; width: 10%; height: 20px; background-color: blue; font-family: Arial; 1em; font-weight: bold; text-align: center; border: inset; 2px; blue;
} /* left button */
div.right_of_left{
display: block; position: absolute; left: 55%; top: 90px; width: 10%; height: 20px; background-color: blue; font-family: Arial; 1em; font-weight: bold; text-align: center; border: inset; 2px; blue;
} /* right side of left button */
div.left2right{
display: block; position: absolute; left: 70%; top: 115px; width: 10%; height: 20px; background: blue; font-family: Arial; 1em; font-weight: bold; text-align: center; border: inset; 2px; blue;
} /* left of right bottom button */
div.right{
display: block; position: absolute; left: 85%; top: 140px; width: 10%; height: 20px; background: blue; font-family: Arial; 1em; font-weight: bold; color:black; text-align: center; border: inset; 2px; blue;
} /* right bottom button */
/* Link properties for header */
div a:link, a:visited, a:active {display: block; font-family: Arial; 1em; color:black; text-decoration: none; background-color: blue;}
a:hover {display: block; font-family: Arial; 1em; color:black; text-decoration: none; background-color: pink;}
/* Need to findout how to set cell as link and not just text */
</style>
</head>
<body>
<div class="top">
Corner logo/background</br> goes here
<div class="left">
<a href="home.php">
Home</a></div>
<div class="right_of_left">
<a href="Contacts.php">
Contacts</a></div>
<div class="left2right">
<a href="comments.php">
Comments</a></div>
<div class="right">
<a href="sitemap.php">
Site Map
</a></div>
</div>
height: 100%;
width: 100%;
the link will expand to fill its container.
