Join Jen Kramer for an in-depth discussion in this video Solution: Navigation bar, part of Learning Foundation 4.
So, how'd you do. What did you take a look at for your …navigation bars. Well, I focused on the big black bar in …the middle of the page, and I have not touched any of the HTML, so there is a …file called 4-solution.html inside your Exercise folder. …It's exactly the same as the challenge file, so none of the HTML was harmed in …this process. If you take a look, though, at this page …inside of your web browser, you'll see that I've changed the color of this …navigation bar to orange and when you take a look at your drop down menus They …are also orange. As I make my page narrower, this is a …part that can trip people up. We go down to this narrower size here.…
Remember you need to check all of your styling in this part as well, to make …sure that you've gotten all of those styles and all of those color changes also. …So that things are looking the way that you want. …How did I do this? Well, tracked down a lot of these styles …using Firebug. If you turn on Firebug, we're going to …take a look here, tracking 'em down through Firebug. …
- What is Foundation?
- Exploring the grid system
- Working with lists
- Styling buttons, thumbnail images, and more
- Including flexible video
- Adding breadcrumbs to the navigation
- Working with Clearing, the responsive lightbox
- Creating accordion panels and tabs for in-page navigation
Skill Level Beginner
1. Foundation Introduction and Download
2. The Grid System in Foundation
3. CSS Overview
4. Navigation Systems
Next steps2m 12s
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
Take notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.