Foundation Fireworks CS4

13.3. Writing the HTML

For this example, we're going to use a standard unordered list to represent our navigation. We prefer using lists to define our navigation, as we feel it allows for a great deal of control when styling. By greater control, we mean that an unordered list of links contains three sets of nested tags that can be hooked into via CSS. This is by no means the only way to write out web site navigation, but for this example we feel it will work best.

<ul id="nav">
<li id="nav-work"><a href="#" class="selected">Work</a></li>
<li id="nav-learn"><a href="#">Learn</a></li>
<li id="nav-info"><a href="#">Info</a></li>
<li id="nav-contact"><a href="#">Contact</a></li>
</ul>

As you can see in the code block, we've done some things that ...