<!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=iso-8859-1" />
<title>Untitled Document</title>
<style type="text/css">
body
{
margin:0px; padding:0px; font-family:Candara;
}
.header
{
width:100%; background:#000000;
}
.nav
{
width:80%; margin:0 auto; height:auto; overflow:hidden;
}
.nav ul ul
{
display:none;
}
.nav ul
{
margin:0px; padding:0px; float:right; list-style:none; display:inline-table;
}
.nav ul li
{
float:left;
}
.nav ul li a
{
color:#FFFFFF; font-size:16px; padding:10px 25px; text-decoration:none; display:block;
}
.nav ul li:hover
{
background-color:#990000;
}
.nav ul li:hover > ul
{
display:block;
}
.nav ul li ul
{
position:absolute; background-color:#000000; padding-top:10px; padding-bottom:10px;
}
.nav ul ul li
{
float:none;
}
.nav ul ul li:hover
{
background-color:#990000
}
.nav ul ul ul
{
position:absolute; left:100%; top:50%; width:200px;
}
</style>
</head>
<body>
<div class="header">
<div class="nav">
<ul>
<li><a href="#">HOME</a></li>
<li><a href="#">ABOUT US</a></li>
<li><a href="#">SERVICES</a>
<ul>
<li><a href="#">SERVICES 1</a></li>
<li><a href="#">SERVICES 1 RVICES 1</a></li>
<li><a href="#">SERVICES 1</a></li>
<li><a href="#">SERVICES 1</a>
<ul>
<li><a href="#">SERVICES 1</a></li>
<li><a href="#">SERVICES 1</a></li>
<li><a href="#">SERVICES 1</a></li>
<li><a href="#">SERVICES 1</a></li>
<li><a href="#">SERVICES 1</a></li>
<li><a href="#">SERVICES 1</a>
</li>
</ul>
</li>
<li><a href="#">SERVICES 1</a></li>
<li><a href="#">SERVICES 1</a></li>
</ul>
</li>
<li><a href="#">BLOG</a></li>
<li><a href="#">CONTACT US</a></li>
</ul>
</div>
</div>
<div style="width:100%; height:400px; background:#003399"></div>
</body>
</html>
No comments:
Post a Comment