I’ve done it! And I must say I am pretty proud. Yes, my site looks exactly the same… but guess what! It now contains NO tables. Yep, none! I spent the last few days expanding on my knowledge of CSS (One of my goals in my last post) and managed to redo my site using only styled divs, floats, and all that other CSS goodness. The code is so much nicer without all those nestled tables (especially on the portfolio page) so I am quite pleased.

I even found a great way to get rid of javascript rollovers. Check out this page if you’re interested in some clean, image-based rollovers using CSS: Image Sprite CSS Navigation.

It might look a little confusing in the start but once you change your mindset from thinking in grids to thinking about the purpose of various page elements, it’s actually much easier than dealing with tables and the like.

For anyone who isn’t sure why they would ever give up tables, read this site: Why tables for layout is stupid.