• Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint
Share this Page URL
Help

Chapter Sixteen. A CSS Redesign > A CSS/XHTML Navigation Bar

A CSS/XHTML Navigation Bar

Consider the sidebar we left naked and aching back in Figure 16.4. Let us now fill it. For instance, let us fill it with navigation so that our visitors can find their way around the site. Conceptually speaking, a nav bar is merely a list of links. Let's honor that notion by typing our links as a standard-issue, unordered list:

<ul>
<li id="secondarytop"><a href="/" title="The Daily Report. Web design news and info.">daily report</a></li>
<li id="glam"><a href="/glamorous/" title="My Glamorous Life: Episodes and recollections.">glamorous</a></li>
<li id="classics"><a href="/classics/" title="Entertainments, 1995&#8211;2002.">classics</a></li>
<li id="about"><a href="/about/" title="History, FAQ, and suchlike.">about</a></li>
<li id="contact"><a href="/contact/" title="Write to us."> contact</a></li>
<li id="essentials"><a href="/essentials/" title="Info for web designers.">essentials</a></li>
<li id="pubs"><a href="/pubs/" title="Zeldman&#8217;s books and articles.">pubs</a></li>
<li id="tour"><a href="/tour/" title="We may be coming to your town: personal appearances.">tour</a></li>
</ul>


					  


PREVIEW

                                                                          

Not a subscriber?

Start A Free Trial


  
  • Creative Edge
  • Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint