We are now going to build a horizontal navigation menu with just HTML and CSS. In Part 1 we wrote the HTML snippet that we are using in both a vertical sidebar navigation and the horizontal bar navigation. In Part 2 we wrote the CSS styles needed for the vertical navigation.
Posts Tagged ‘submenu’
Building A Navigation Menu With HTML5 and CSS Part 1
April 13, 2012The navigation is one of the most import element of any web site. It can be positioned horizontally below your web site main header then duplicated on the page footer or maybe you decided to have a sidebar (left or right) to display you site navigation instead. The same HTML can be used in either case and CSS will take care of your specific choice of orientation. Here is the HTML of a typical navigation bar using HTML5 semantics: