Lab 17: Practice with CSS Tables and Outlines

Instructions:

  1. The first thing you will be doing in this lab is creating a data table.
  2. Content is at your discretion and should be appropriate to a school assignment.
  3. Your data table should have at least 7 rows and 7 columns.
  4. In your first pass at styling this table (saved in a file named lab17a.html), really push the envelope in terms of what the standards allow and what the most standards-supportive browsers will do. Check to make sure that it degrades acceptably in less-supportive browsers (e.g., that content is still readable, that is does not look completely awful, etc.)
  5. In your second pass at styling this table (saved in a separate file named lab17b.html) take a very different approach and try to accommodate the older and less-supportive browsers to a greater extent. This alternate approach is a more middle-of-the-road styling where you are not pushing the envelope as much and also not causing as much degradation.
  6. All CSS should be valid (with the exception of the -moz-outline property) and be stored in external files called via <link />
  7. Both files should be valid XHTML 1.0 Strict
  8. Link your XHTML files to and from your class page.
  9. Upload your files to the server and also copy them to your removable media.
 
© 2007 Jason Withrow. All rights reserved.