Two Column Layout And Vertical Menu Tutorial
Add Page Navigation Menu Links
Lesson 8
Two Column Layout And Vertical Menu Tutorial
Add Page Navigation Menu Links
Lesson 8
This lesson adds a page navigation menu using the ul, li and a HTML elements.
Removing the ul Bullets
The ul element creates bullets by default. You can remove them by setting the list-style property to none.
Get Skills to Work on Websites in 30 Days
Start today with easy to learn courses that quicky build your website skills!
Menu Choice Styling
The version for this lesson uses the default link styling inherited from your web browser to style the menu choices. We will make modifications to that in the next lesson.
Exercise Steps
Step 1: In the index.html file in your practice folder add lines 11-17, then save.
HTML Source Code
This is the index.html file.
You are giving the ul element the #nav div container element. You use that in the CSS file in the next step.
Step 2: In the site.css file in your practice folder add lines 13-22, then save.