News From SARQuest

Remove the <div class=”clearFloat”></div> tags from between the Side Nav <li>s, and apply the class=”clearFloat” to each of the <li>s to ensure validation and intended layout is achieved.

In the stylesheet, remove the height and min-height rules applied to the div #sub_nav_col, to allow the layout to accommodate any amount of content.

Create faux columns by adding a background-image on #content_wrapper, which is the same colour and width as the side-navigation and repeats on the y-axis.

Give the two field <label>s, an appropriate for attribute to associate them with their relevant text inputs.

What can you learn from this?

This template demonstrates the use of the majoirty of techniques available to the CSS and Images export process. It includes background and foreground slices, the 3-slice technique, as well as using various HTML Common Library components and tagging text elements to produce semantic markup.