<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<%@ Master Language="C#" %>
<html dir="ltr" xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<title>Zero Point</title>
<asp:ContentPlaceHolder id="head" runat="server">
</asp:ContentPlaceHolder>
<link href="main.css" rel="stylesheet" type="text/css" />
<!--[if lt IE 7]>
<script defer type="text/javascript" src="pngfix.js"></script>
<![endif]-->
</head>
<body>
<form id="form1" runat="server">
<div id="header"></div>
<div id="nav"><map id="FPMap0" name="FPMap0">
<area coords="232, 14, 300, 30" href="#" shape="rect" />
<area coords="308, 14, 377, 32" href="#" shape="rect" />
<area coords="386, 15, 490, 33" href="#" shape="rect" />
<area coords="501, 17, 617, 30" href="#" shape="rect" />
<area coords="628, 15, 675, 31" href="#" shape="rect" />
</map>
<img height="43" src="images/nav.png" usemap="#FPMap0" width="916" border="0" />
</div>
<div id="container">
<div id="leftContainer">
<div><img src="images/leftTop.png" /></div>
<div id="leftContentArea">
<asp:ContentPlaceHolder id="leftContentPlaceHolder" runat="server">
<div><img src="images/leftBottom.png" /></div>
<div id="rightContainer">
<div><img src="images/rightTop.png" /></div>
<div id="rightContentArea">
<asp:ContentPlaceHolder id="rightContentPlaceHolder" runat="server">
<div><img src="images/rightBottom.png" /></div>
<div class="clear"><!-- --></div>
<div id="footer" align="center"><a href="#">HOME</a> | <a href="#">USERS</a>
| <a href="#">CONTROLS</a> | <a href="#">EXPRESSION</a> | <a href="#">
WEB</a></div>
</form>
</body>
</html>
body{
background-color:black;
background-image:url('images/back.jpg');
background-repeat:no-repeat;
background-position:center top;
margin:0px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:white;
}
a:link{
color:blue;
text-decoration:underline;
a:visited{
a:hover{
text-decoration:none;
#header{
background-image:url('images/header.png');
width:916px;
height:92px;
margin-left:auto;
margin-right:auto;
#nav{
height:43px;
#container{
#leftContainer{
width:235px;
float:left;
#rightContainer{
width:681px;
#leftContentArea{
background-image:url('images/leftBack.png');
background-repeat:repeat-y;
#rightContentArea{
background-image:url('images/rightBack.png');
#footer{
background-image:url('images/footerBack.png');
height:48px;
padding-top:15px;
#footer a:link{
font-size:10px;
#footer a:visited{
#footer a:hover{
.clear {
clear: both;
height: 1px;
font-size: 1px;
line-height: 1px;
margin-bottom: -1px;
var arVersion = navigator.appVersion.split("MSIE")
var version = parseFloat(arVersion[1])
if ((version >= 5.5) && (document.body.filters))
{
for(var i=0; i<document.images.length; i++)
var img = document.images[i]
var imgName = img.src.toUpperCase()
if (imgName.substring(imgName.length-3, imgName.length) == "PNG")
var imgID = (img.id) ? "id='" + img.id + "' " : ""
var imgClass = (img.className) ? "class='" + img.className + "' " : ""
var imgTitle = (img.title) ? "title='" + img.title + "' " : "title='" + img.alt + "' "
var imgStyle = "display:inline-block;" + img.style.cssText
if (img.align == "left") imgStyle = "float:left;" + imgStyle
if (img.align == "right") imgStyle = "float:right;" + imgStyle
if (img.parentElement.href) imgStyle = "cursor:hand;" + imgStyle
var strNewHTML = "<span " + imgID + imgClass + imgTitle
+ " style=\"" + "width:" + img.width + "px; height:" + img.height + "px;" + imgStyle + ";"
+ "filter:progid:DXImageTransform.Microsoft.AlphaImageLoader"
+ "(src=\'" + img.src + "\', sizingMethod='scale');\"></span>"
img.outerHTML = strNewHTML
i = i-1
<%@ Control Language="C#" ClassName="WebUserControl1" %> <div class="menuHead">Menu A</div> <div> <ul> <li><a href="#">A1 Lorem ipsum dolor sit amet</a></li> <li><a href="#">A2 Consectetuer adipiscing elit.</a></li> <li><a href="#">A3 Vestibulum bibendum.</a></li> <li><a href="#">A4 Nam sagittis est vel arcu</a></li> <li><a href="#">A5 Mauris libero lacus, aliquam</a></li> <li><a href="#">A6 Suscipit vitae, facilisis sed</a></li> <li><a href="#">A7 Pellentesque commodo</a></li> <li><a href="#">A8 Praesent vel risus vel arcu</a></li> </ul> </div>
ul{ } ul a:link{ color:white; text-decoration:none; } ul a:visited{ color:white; text-decoration:none; } ul a:hover{ color:#ffcf00; text-decoration: underline; } li{ list-style-image: url('images/listImage.png'); margin-right:15px; font-size:12px; line-height:18px; letter-spacing:normal; }