I want to add horizontal linkList(navigation bar) into my Website.But I don't know how to do this.Please help me.
Since a menu is just a list of links that doesn't have to be ordered in any particular sequence, use an unordered list. Then style it (making sure to either remove the margins and padding beforehand via a reset, then adding them when you need to, or set them locally, even if they're to zero). Here's how I tend to go about it. <ul id="menu"> <li><a href="#">Link Text</a></li> <li><a href="#">Link Text</a></li> <li><a href="#">Link Text</a></li> <li><a href="#">Link Text</a></li> <li><a href="#">Link Text</a></li> <li><a href="#">Link Text</a></li> </ul> Code (markup): And the CSS: #menu, #menu * { margin: 0; padding: 0; } #menu { background: /* declare a background color here */ ; color: inherit; /* this is to shut the W3C validator up */ height: 2em; /* set a height for the menu */ line-height: 2em; /* and then make sure the line height matches the height */ overflow: hidden; /* let's contain those floats that will come later */ } #menu li { float: left; list-item: none; } #menu a { display: block; height: 2em; /* same as the height of the menu */ padding: 0 0.5em; /* resets the left and right padding so the link is readable */ text-decoration: none; /* removes the default underline */ } #menu a:hover, #menu a:focus, #menu a:active { background: /* maybe you want the background to change on hover? */ ; color: /* and the color too? */ ; Code (markup):
You can get interesting useful information about horizontal and vertical menu's with html and css code sample here http://css.maxdesign.com.au/listamatic2/