html / head / title 


  <html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
  <head>
  <title>Chapter 2: Scalable Navigation</title>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <

style 


  <style type="text/css" media="screen">
  body {
   margin: 0;
   padding: 0;
   font-size: small;
   }

navigation(s) 


  #nav {
   float: left;
   width: 50em;
   margin: 0;
   padding: 1em 0 0 5em;
   list-style: none;
   background: #666;
   }

navigation(s) / li 


  #nav li {
   float: left;
   margin: 0 1px 0 0;
   padding: 0;
   font-family: "Lucida Grande", sans-serif;
   font-size: 80%;
   }

navigation(s) / a 


  #nav a {
   float: left;
   display: block;
   margin: 0;
   padding: .5em 1em;
   color: #333;
   text-decoration: none;
   border-bottom: none;
   background: #ccc;
   }

navigation(s) / etc .. a 


  #nav a:hover, body#intro #t-intro a {
   color: #333;
   background: #fff url(lib-present-style-bullet-chapter2-img-on-bg.gif) repeat-x top left;
   }
  </style>
  </head>

body 


  
  <body id="intro">
  
   <ul id="nav">
    <li id="t-intro"><a href="/">Introduction</a></li>
    <li id="t-about"><a href="about.html">About Lance</a></li>
    <li id="t-news"><a href="news.html">News & Events</a></li>
    <li id="t-sponsors"><a href="sponsors.html">Sponsors</a></li>
   </ul>
  
  </body>
  </html>