chauhan tricks.
How To Make Fixed Menu Bar in HTML
Code:
<html>
<head>
<title>How to make fixed menu bar</title>
<style>
*{ margin:0%;
padding:0%; }
.menu{
width:100%;
height:50px;
position:fixed;
background-color:#000000;
text-align:center;
}
a {
text-decoration:none;
color:#000000;
font-size:24px;
display:inline-block;
margin-left:10px;
background-color:#FFFFFF;
height:35px;
width:150px;
text-align:center;
margin-top:5px;
}
a:hover{
background-color:#FF0000;
color:#000000;
}
</style>
</head>
<body bgcolor="#33FFCC">
<div class="menu">
<a href="#">Home </a>
<a href="#">Software </a>
<a href="#">Wallpaper </a>
<a href="#">About Us </a>
<a href="#">Contact Us </a>
</div>
<div>
<br />
<br />
<br />
</div>
</body>
</html>
Post A Comment:
0 comments so far,add yours