Dejan Vesic is a good friend and colleague of mine. He has a small but valuable web site (all in serbian), which was built back in the old days.
Recently Ana, one of the designers from our company, created new graphical look for the site, which was, at first, implemented by Dejan as table-based layout. Heh…that’s an understatement :) – there were so many tables in such a simple page that it was dying to be built based on CSS. Dejan was all up for it and, as first step, corrected the HTML to be valid HTML 4.01 Strict.
Few days ago he asked me to convert the markup to simpler layout, based on CSS, which I gladly accepted.
Such conversions are trendy, and I just love doing them. Final gains were numerous:
- page template (design sans actual content) went from 9.8kB to 3.8kB (almost 3x)
- both top and left navigation are now fully accessible (they were drawn from Javascript)
- badly-repeating background images (on tables and tds) that were breaking the graphic design now falls in nicely
- several smaller bg-images were combined to just few, thus saving HTTP requests
Compare the templates:


