From the course: HTML and CSS: Linking
Unlock the full course today
Join today to access over 22,600 courses taught by industry experts or purchase this course individually.
Creating a simple vertical navigation bar
From the course: HTML and CSS: Linking
Creating a simple vertical navigation bar
- [Instructor] Vertical nav bars don't seem to be much in style these days; however, they're still a useful way of displaying a bunch of links, particularly when you aren't sure how many there will be. They're really useful on blogs and on other content-heavy sites, and that might be where you see them. I'm going to walk you through one possible way of creating a vertical navigation bar. Obviously, there are approximately 500 bajillion different ways to do this. I do have a course coming out, in not too long, that will be on how to create nav bars horizontally and vertically, and show you a bunch of different styling options. But, for now, in this course, I'm going to keep it brief, let's do just one vertical and one horizontal, that'll be the next video. So, let's start, remembering that every HTML element is a box that you can leverage in creating a nav bar, and remembering exactly which box you're at and how large those boxes are and how much area they take up are really key to…
Practice while you learn with exercise files
Download the files the instructor uses to teach the course. Follow along and learn by watching, listening and practicing.
Contents
-
-
-
-
(Locked)
Styling links and link states7m 1s
-
(Locked)
Making exceptions to link styling3m 12s
-
(Locked)
Styling a text link to look like a button4m 53s
-
(Locked)
Understanding proper navigation markup3m 14s
-
(Locked)
Creating a simple vertical navigation bar6m 27s
-
(Locked)
Creating a simple horizontal navigation bar5m 38s
-
(Locked)
-
-