Horizontal MenusHow to create or make Horizontal menus using HTML code. Using CSS code with HTML we can get a beautifull Horizontal Menu.Copy and paste the HTML code, just change your Url's. For the CSS code just copy and paste it into the Body of your CSS Styles Sheet.See Example below.
HTML Horizontal CSS Menu Example: Here is the HTML code:
<ul > <li><a href="http://www.javascriptsandmore.com">Home</a></li> <li><a href="http://www.javascriptsandmore.com/javascript.html">JavaScript</a></li> <li><a href="http://www.javascriptsandmore.com/javascript-software.html">JavaScript Software</a></li> <li><a href="http://www.javascriptsandmore.com/html-tutor.html">HTML Tutor</a></li> </ul> Here is the CSS code: ul.menu { list-style:none; /* remove bullets */ background:#999; overflow:auto; /* span the width of the container */ padding:0; margin:0; /* reset browser defaults */ height:100%; /* ie6 fix */ } ul.menu li { display:inline; /* line-up the list items horizontally */ padding:0; margin:0; /* again, reset browser defaults */ } ul.menu li a { padding:10px 20px; background:#999; color:#fff; text-decoration:none; display:block; /* block */ float:left; /* float each list item to the left */ } ul.menu li a:hover { background:#777; } Drop Down Menu Generator Software Category-MenusTags-Horizontal Menu
menu horizontal horizontal menus |
|