This Tutorial Has Been Viewed 3,489 Times.
A very simple css horizontal menu, just copy paste the script below.
<style type='text/css'>
#menu {text-align:left;height:36px;background:url(http://mistonline.in/wp/download/menu.gif) repeat-x top;padding:0px 10px 0px 10px;vertical-align: top;margin:0px 4px 0px 4px;}
#menu ul {height:36px; width:100%;overflow:hidden;}
#menu li { font: 15px Arial, Helvetica, sans-serif; display: inline; margin-right: 10px; padding:5px 0px 5px 0px; font-weight:bold; line-height:36px;height:36px;}
#menu li a { color: #494949; text-decoration: none;}
#menu li a:hover {color: #333;text-decoration: underline;}
</style>
<div id="menu"> <ul> <li><a href="#" title="#">Home</a></li> <li><a href="#" title="#">Blogging Tips</a></li> <li><a href="#" title="#">HTML</a></li> <li><a href="#" title="#">CSS</a></li> <li><a href="#" title="#">JQuery</a></li> <li><a href="#" title="#">About</a></li> <li><a href="#" title="#">Support</a></li> <li><a href="#" title="#">Contact</a></li> </ul> </div>
You will also be interested in ,
- Image shadow using css and html
- Smoke or Mist Effect For This Christmas And Newyear Using Javascript, Jquery & CSS
- New horizontal drop down menu using css
- Buzzing or vibrating the login form using jquery
- Context Right Click Menu Using Javascript
- Text Size Switching Using PHP
- Transparent Box using CSS
- Zoom or scale a webpage automatically using css
- Simple page flip effect using Jquery, css and simple html
Categories: Css