Write - HOW-To: Convert PSD to HTML/CSS - page 55

Keep up and move on to the menu and add the
links as an unordered list. (e.g. ul )

Code the #menu

6

Inside the #menu add an active state for one of the
links (e.g. Blog ) to style it accordingly to Monoplate .

The HTML code would be as this one:

<div id=”header”>

<div class=”container”>

<div id=”logo”>

<h3 class=”incl”><a href=”#” title=”#”>Monoplate</a></h3>

</div><!-- end #logo -->

<div id=”menu”>

<ul class=”cf”>

<li><a href=”#” title=”#”>About</a></li>

<li class=”active”><a href=”#” title=”#”>Blog</a></li>

<li><a href=”#” title=”#”>Contact</a></li>

</ul>
</div><!-- end #menu -->
<div class=”cl”></div>
</div><!-- end .container -->
</div><!-- end #header -->