Converting Tables to Divs

In this era of web design, it seems like in most cases that it is better to use divs rather than tables. Using clean html and css, this could be possible.

For a homework assignment in my Intro. to Web Design class(MM2203), we were asked to re-design this site and create our own CSS and avoid using tables.



First, I started taking HTML code that I didn't need, like tables for example. Then I started naming divs in my HTML. After naming divs, I started to position my containers and my navigation bar by coding CSS. I embedded my CSS instead of using an external style sheet.

CSS Example:




HTML Example:


In the examples above, the code posted is after I took the tables out and wrote my CSS.

Here's an example of the finished page:




If you want to look at the site, here is the URL(link) to the site: tsouzasf.aisites.com/week3