Building navigation with CSS


show more Building navigation with CSS provides you with in-depth training on Web. Taught by James Williamson as part of the Dreamweaver CS3 Beyond the Basics show less
please wait ...

Building navigation with CSS

Our final task in styling our gallery page is to tackle the navigation. We want a horizontal navigational bar but currently we have just an unordered list of links and we can see that here in our index background file, we have Home, Shows, News, Calendar, Artists, Gallery Info and contact. So it's just an unordered list of links, if I look at it in Code view. You can see that the UL tag has an ID and it's listed as mainNav and then each of the list items have some IDs as well and that would assist us in styling the current links and we will talk about that in the Templates section. So we will move back into Design view.

You might ask yourself why we put our navigation in an unordered list? Why not just have the links and style each of the links separately? Having the structure of the list, the UL tag and the LI tag and then the A tag inside that, not only gives us styling hooks that the links separately would not give us, but from a structural point of view, these links are a...

Building navigation with CSS
Video duration: 16m 57s 11h 10m Intermediate

Viewers:

Building navigation with CSS provides you with in-depth training on Web. Taught by James Williamson as part of the Dreamweaver CS3 Beyond the Basics

Subject:
Web
Software:
Dreamweaver
Author:
please wait ...