Styling lists for navigation can add a little pizzazz to your site while still be very friendly to most browsers and people with accessibility. This project will give you a chance to explore some of the style options you have.
Using your template markup a valid XHTML strict document and name it listexamples.html. This page will be contain you list experiments. You will create 3 lists, one unstyled, one styled to be a horizontal navigation bar and one to be styled as a vertical list of links like below.
Note: The links do not have to link anywhere, you can use the # simple as a place holder in the a tag. For example my horizontal bar above is...
<ul id="hor">
<li><a href="#">link1</a></li>
<li><a href="#">link2</a></li>
<li><a href="#">link3</a></li>
</ul>
You must style the horizontal and vertical with at least a font color, background color and hover properties defined.
Remember you should be using notepad edit listexamples.html.
You should validate the document before submitting the assignment.
Below is the point distribution for the project. Be sure to complete all requirements as listed. I will use this table to grade your assignment.
| Requirement | Points | Earned |
|---|---|---|
| Requirements met efficiently as listed above | 15 | |
| File is neat, this includes markup as well as what you see in the browser. | 5 | |
| File validates as Transitional XHTML and CSS | 5 | |
| Total | 25 |