Navigation Bar - Sample Implementation of A Navigation Bar

Sample Implementation of A Navigation Bar

A one level navigation bar is a sectioned portion of a web page that does not include any drop down menus. A typical and simple implementation of this type of bar will include two web based programming languages: HTML and CSS. Typically the HTML code will consist of a an un-ordered list and number of list elements holding anchor tags such as the following code:

Using some basic CSS web designers can change the look and feel of navigation system to fit the overall design or theme of web document. Here is how some sample CSS code may look:

ul {

padding: 0 0 0 0;
margin: 0 0 0 0;
text-decoration: none;
list-style-position: inside;

}

li {

padding: 1em;
text-decoration: none;
list-style-type: none;
padding-top: 1em;

}

#main-nav {

font-variant: small-caps;
margin-top: 2em;
margin-left: 1em;
width: 200px;

}

Read more about this topic:  Navigation Bar

Famous quotes containing the words sample and/or bar:

    As a rule they will refuse even to sample a foreign dish, they regard such things as garlic and olive oil with disgust, life is unliveable to them unless they have tea and puddings.
    George Orwell (1903–1950)

    Hemingway is terribly limited. His technique is good for short stories, for people who meet once in a bar very late at night, but do not enter into relations. But not for the novel.
    —W.H. (Wystan Hugh)