HTML:
[html]
<!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=utf-8" />
<title>::[ Index ]::</title>
<link href="css/CSS.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div class="Header">
<p> </p>
</div>
<div class="Navigation">
<p><a href="Index.html">Home</a> <a href="Pages/TVSeries.html">TV Series</a> <a href="Pages/Films.html">Films</a> <a href="Pages/OrderForm.html">Order Form</a> <a href="Pages/SpecialOffers.html">Special Offers</a> <a href="Pages/ContactUs.html">Contact Us</a> <a href="Pages/SiteMap.html">Site Map</a></p>
</div>
<div class="Content">
<p>Content</p>
</div>
<div class="Logo"></div>
</body>
</html>
[/html]
CSS:
-
@charset "utf-8";
-
body {
-
background-color : #000033;
-
color : #ffffff;
-
font-weight : bolder;
-
}
-
.Header {
-
background-image : url(../images/Header.gif);
-
position : absolute;
-
width : 1024px;
-
height : 102px;
-
border : thin solid #ffffff;
-
left : 10px;
-
top : 10px;
-
}
-
.Logo {
-
position : absolute;
-
left : 14px;
-
top : 14px;
-
height : 96px;
-
width : 96px;
-
background-image : url(../images/Jericho=Style2.gif);
-
overflow: visible;
-
z-index: auto;
-
}
-
.Navigation {
-
position : absolute;
-
left : 10px;
-
top : 106px;
-
width : 1024px;
-
text-align : center;
-
}
-
.Navigation a {
-
display : inline;
-
position : relative;
-
width : 125px;
-
margin : 3px;
-
padding : 3px;
-
text-decoration : none;
-
background-color : #0099ff;
-
color : #000000;
-
text-align : right;
-
border : thin solid #ffffff;
-
}
-
.Content {
-
position : absolute;
-
left : 10px;
-
top : 145px;
-
width : 1024px;
-
border : thin solid #ffffff;
-
}
-
-