Simple Vertical HTML/CSS Menus.

This Page's Contents

Introduction

Simple Vertical CSS Menu using an Ordered List with Links

Introduction

In Tutorial tutorial-08-ordered-list.htm we introduced using an unordered list as a menu and produced a very simple menu as follows

Using an Ordered List & Links only

• Home
• Item 1
• Item 2
• Longer Item 3
• Item 4

This idea is taken forward to produce some eye catching Menus Navigation Bars

Simple HTML/ CSS Vertical Menu Navigation Bar

Easy step Full instructions to produce this menu are given in:

HTML CSS Simple Vertical Menu

Simple HTML/ CSS Horizontal Menu Navigation Bar

In this tutorial we start with the Simple HTML/ CSS Vertical Menu Navigation Bar above and modify the CSS to change it to Horizontal