MenusLesson 10Free preview
Top Navigation
This lesson is part of How To · All levels
Summary
This lesson reviews the creation of the standard Top Navigation Bar using HTML and CSS. Topnav is one of the most essential components of a website that hosts links to main pages like Home, News, Contacts, and About Us.
Key points
- Setting up horizontal links using contrasting backgrounds
- Apply active status links and visual hover effects
- Prevent the default bottom line of the link with text-decoration: none
- Supporting right-handed flat links using the float:right property
Full lesson
Code examples and quizzes
Full lessons, code examples, and quizzes are available to subscribers. 5 questions.