Menu Generation in CSS

Santosh4u
Posted by Santosh4u under CSS 3 category on | Views : 2596
hi
Code to create menu in ASP.NET Using CSS

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title>JS Menu Jeneration</title>

<style type="text/css">

#coolmenu{
border: 3px solid black;
width: 170px;
background-color: pink;
}

#coolmenu a{
font: bold 13px Verdana;
padding: 2px;
padding-left: 4px;
display: block;
width: 100%;
color: white;
text-decoration: none;
border-bottom: 1px solid black;
}

html>body #coolmenu a{ /*Non IE lule*/
width: auto;
}

#coolmenu a:hover{background-color:cyan;
color: black
}

</style>
</head>
<body>

<div id="coolmenu">
<a href="http://www.google.com">Search Engine</a>
<a href="http://www.gmail.com">Create Mail</a>
<a href="http://www.dotnetfunda.com">Post Article</a>
<a href="http://santoshdotnetarena.blogspot.com/">Coding</a>
<a href="http://www.codeproject.com">Code</a>
</div>
</body>
</html>

Regards
Santosh

Comments or Responses

Login to post response