Step 9: Left Hand Navigation Bar

Step 9 Left Hand Navigation Bar

HTML Markup

Left hand navigation bar

h2 as a "hidden" title for the navigation bar

ul with title attribute used as tooltip for navigation bar

li

a

Search box

h2 as a "hidden" title for the search box

input type text and a label element to indicate the purpose of the text box

input type button

Contact info

h4

dl

dt

dd

a

CSS Code

• margin
• padding
• width
• background-color