Las Vegas Website Design and Local SEO
  • Home
  • Website Services
    • Google My Business
    • Local Business Directory Citation Listing (NAP)
    • Social Media Marketing
    • Website Design
  • About
    • Contact Us
    • Shawn Lippert
    • Privacy Policy
    • Terms Of Use

Horizontal Menus

How 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:
  • Home
  • JavaScript
  • JavaScript Software
  • HTML Tutor
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-Menus

Tags-Horizontal Menu
menu horizontal
horizontal menus 

Powered by Create your own unique website with customizable templates.
  • Home
  • Website Services
    • Google My Business
    • Local Business Directory Citation Listing (NAP)
    • Social Media Marketing
    • Website Design
  • About
    • Contact Us
    • Shawn Lippert
    • Privacy Policy
    • Terms Of Use