Creating a CSS based menu

<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.0 Transitional//EN”>
<HTML>
 <HEAD>
<style type=”text/css”>

 .hovermenu ul{
font: bold 13px arial;
padding-left: 0;
margin-left: -1;
margin-top:-1;
height: 20px;
}

.hovermenu ul li{
list-style: none;
display: inline;
}

.hovermenu ul li a{
padding: 2px 0.5em;
text-decoration: none;
float: left;
color: black;
background-color: #FFF2BF;
border: 2px solid #FFF2BF;
}

.hovermenu ul li a:hover{
background-color: #FFE271;
border-style: outset;
color:#FF9966
}

html>body .hovermenu ul li a:active{ /* Apply mousedown effect only to NON IE browsers */
border-style: inset;
}
</style>
<TITLE>Simple Hover menu[CSS based]</TITLE>
  <META NAME=”Generator” CONTENT=””>
  <META NAME=”Author” CONTENT=””>
  <META NAME=”Keywords” CONTENT=””>
  <META NAME=”Description” CONTENT=””>
 </HEAD>

 <BODY bgcolor=’#FFCC00′>
 <div class=”hovermenu”>
<ul>
<li><a href=”http://csitquestions.com.com”>www.csitquestions.com</a></li>
<li><a href=”http://www.csitquestions.com”>csitquestion free education</a></li>
<li><a href=”http://www.csitquestions.com”>csitquestion</a></li>
</ul>
</div>
 </BODY>

</HTML>

Scroll to Top