Page 2 || Page 3 || Page4

This paragraph is aligned with with the "text-align" property of CSS. I've inlcuded the styling in <style> tags in the <head> of this page so you can see it easily when you view the source for this page. You should eventually put this syling on an external stylesheet and link it to this page.

This is a default paragraph that the other classes of "p" inherit from. Notice the heavy margins of 30% on the left and right. Some webmasters believe that people can read narrow columns faster than wider ones. I tend to agree with this.

This text is styled as "p.centered". It includes text alignment as well as a color change from "p". Don't hesitate to view the source code for this page if you get stuck trying to reproduce it.

Don't forget to include the column of coffee cups to the right. This is a "repeat-y" background image coded with CSS. Also don't forget to style the links in the nav bar at the top of this page. The links don't need to go anywhere, but you need to style them anyway.

The easiest way I've found to code a lot of CSS is to start out by putting all of the CSS in <style> tags in the page's <head>. This makes it easier to edit -- having the CSS and HTML on the same page. When I've finsished the CSS, I'll cut and paste the style rules to a blank page and save it as an external .css file. Then I link the file back to the page with the <link> tag in the HTML files.

Expect to spend some time fiddling with the style rules for this page. Try not to view the source code until you get stuck. Important Note: Netscape 4.x does not support the "a:hover" psuedo-class or the positioning of background images. So the page won't look the same if viewed in Netscape. Check the page in both browsers, but make sure view it in IE and style it accordingly to look the same in IE.