WebmasterWorld CSS Design Challenge

Can you improve this page?

[Nick_W]

In the CSS Facts and Myths [webmasterworld.com] thread Brett set a challenge. To make This page smaller and more efficient with CSS.

We talked about it and decided to open it up to the whole board. Here's the criteria:

• Page must make good use of CSS
  
• Must Validate to a strict doctype
  
• Must significantly reduce code bloat and load times
  
• Must look pretty much the same as it does now
  
• Use the page you're looking at now as your start point
  

Please post example pages with explanations as to why your page works better.

First Prize

A small plastic trumpet to be presented at PubCon and the honor of not only winning but of showing Brett how much better and efficient his pages can be ;)

Have fun!

Nick

[SuzyUK]

or try:
[alltheweb.com...]

for a much bigger challenge

they have stripped their site down to the tags and are inviting you to redesign their whole Site using CSS

prize money (gift vouchers) is on offer!

Suzy

[ukgimp]

A small plastic trumpet not good enough for you Suzy?

:)

[Longhaired Genius]

I did it and posted a link a few days ago. I guess it got overlooked in the excitement of the update inquest. you can find the link in message #77 on this page: [webmasterworld.com...]

As it stands it doesn't validate to a strict doctype because I left in target="_blank" (because it was in the original) and img border="0" (for the sake of Netscape 4.n) but it could easily be made to validate strictly.

Please try it on various devices and let me know if you can break it.

[SuzyUK]

ukgimp ;)

yes but I always need more, and perhaps I can buy more with the gift vouchers!

:)
Suzy

[madcat]

Longhaired_Genius >> I guess you won the trumpet. No challengers. Ding Ding.