Our comps have always been image based in the past, although all good and well... we have decided to test you all in a different format.
CSS or Cascading Style Sheets.
First up, we have a different prize up for grabs this month. Jason has kindly agreed to donate one of his templates. This will be negotiated between the winner and Jason himself.
So CSS or Cascading Style Sheets...
I hear a chorus of "You what!".
Some of you will already be CSS gurus and some may not, have no fear whatever camp you're in. For those of you who have no knowledge of CSS I have kindly provided some great links to get you started. As follows:
So what's the score?
The score is the development of the following code. It is written in a very basic way. Your job is turn this horrible nasty code into a work of pure CSS art. It doesn't get any easier than that does it! If your new to this, take my word for it, CSS is a doddle.
The rules: The Food Fight as kindly described by Kemikalfire will be run as follow.
Only two entries per person.
You may use images in the layout. Remember this is not a graphics comp. Your use of images will be judged on the CSS related to them. The use of FLOATS for example.
You have to keep the format of the pre-written HTML. Header, footer, content and side-nav as they are already. The width of the creation has to stay at 750 pixels.
You may remove the TABLE structure in order to use a more complex CSS layout. Keep the same format though.
Please also provide a screen shot of your creation.
Upload your code as a *.txt file, I am sure you can upload multiple files now with the new forum setup so please also post your screen grab in the same post. Do so in a reply to this thread.
A new method of deciding on the winner will be experimented in this comp. The mods and admin will put a shortlist together of their faves and then will decide on the winner. Why? Because this isn't a simple 'that looks nice' judging process. We need to look at the experiance of the user and code you have used in relation to that.
Feel free to add more text, links etc to the page... adding some humour will only make the comp more fun. Remember keep the layout as mentioned.
Feel free to add links to the code so that you can implement pseudo styles for example.
Closing date is : The 24th day of June 2005
Code:
<table border="3" width="750" bgcolor=red cellpadding="3" align="center">
<tr>
<td colspan="2" align="center"><font size="6" face="Helvetica, Arial, Verdana" color="555555">Welcome to the Official Annual Food Fight Website.</font></td>
</tr>
<tr>
<td width="150">home<br><br>health and safty<br><br>food vouchers<br><br>guestbook<br><br>forums<br><br>cheap food links<br><br>venues<br><br>bananas</td>
<td width="600">The Official Food Fight began in 1923 in Mechanicsburg, a small town outside of Springfield, Illinois. It soon spread to the surrounding communities, and became a participant favorite at the local county fairs.<br><br>In 1934, a down on his luck chicken farmer, Martin Lewston, organized what is considered the first competitive Food Fight event.<br><br>There were 3 events: the Raw Egg throw, the Boiled Egg throw, and the Great Depression inspired Dust Toss. Official Food Fights have since evolved into an international extravaganza with competitions taking place in 11 different countries around the world with over 120 recognized events.
<br><br><br><br>
A Few Recognized Sports:<br><br>
Banana Peel Flipping, The Hefty Hamburger Heave, The Jello Long Jump, The Jello High Dive, Synchronized Spaghetti Toss, Group Buffet Free For All, Mixed Pair Frozen Meatball Juggling, and many more…</td>
</tr>
<tr>
<td colspan="2" align="center">about :: photos :: how to host a food fight<br></td>
</tr>
</table>
Special thanks to Kemikalfire for putting together the text for this comp.
Good luck everyone and let's see some fun entries!
I am new to this forum. I saw this contest and decided to sign up. Nice to meet everyone.
Here is my entry. The data files are posted as .txt as requested. Please change index.txt to index.html and styles.txt to styles.css. I have attached a screenshot too as requested.
This challenge is perfect. I have been trying to force myself to use CSS rather than tables with sites I know will be viewed for the most part on somewhat current browsers. I say "force myself" because the tendency is to do it the familiar, thus quicker, way. I am not really clear yet as to exactly WHY tables are out and CSS is in, except maybe in the cases where more precise flexibilty is needed. But if this is the wave of the future.... then I am gonna ride it.
I'm having a great time with the challenge and keep finding more and more ways to use the css. This has been a good thing, forcing me to learn this stuff finally! The humor in the subject matter keeps it fun (Kemikalfire must be a "hoot" to work with).
One little question........ is everyone else thinking like me, to wait till the last minute to post an entry so that everyone else can't see and use the same coding ideas.? I am feeling a bit cheesy thinking this way since sharing code has always been so ingrained in my thinking. Guess I'll wait and see when everyone else begins posting.
That sometimes happens, Ladybug. People get afraid that someone will "steal" their ideas. You are permitted two entries, so what I've done in the past is post one entry, wait for a bit and improve on my second entry. *g* Back when I was allowed to compete, of course.
The other problem is that some people think they can't create a 'good enough' entry. That's not true. I have yet to see a truly ugly entry in any of the contests I've entered or seen in the past 3-1/2 years. There have been entries that are quite skilled and those that have been less so, but never 'ugly' or 'not good enough'.
This particular contest is not only about appearance, but about using CSS and getting into the habit of using CSS. At the very least, using CSS to code your font information and appearance.
And yes, Kemikalfire *is* a hoot to work with. Some days, keeping a straight face around her is hard.
Thanks Peg for your encouragement. I guess if Betsy was brave enough to post her first go at it, then I should be too. Maybe this will get the others going with their 1st postings too... right Betsy (are as curious as I am what everyone is coming up with)? Then as Peg suggested, I'll save the more detailed version for the final post.
while the problem forums were quiet this afternoon, I had a go at this competition.
As the contents were rather humourous, I thought that a sombre layout might be
rather appropriate to compliment Kemikalfire's wit.
awesome work guys...I am really impressed, keep the entries coming! as far as the official browser...I don't know...I'll probably be looking through IE on my windows machine, but I know peg has macs, and entimp likes firefox or one of those....we'll discuss it and get back to you.
kate!
__________________
you must adore a little dog in cute clothing...because it's owners are probably a little crazy
my myspace - my website
is there an 'official' browser that the judges will be using?
ok, so what I am getting from the other mods I've talked to is that there won't necessarily be a particular browser that we're going to use to judge...it'll be more important that the code validates with W3C. other mods: feel free to correct me if I've misinterprited.
kate!
__________________
you must adore a little dog in cute clothing...because it's owners are probably a little crazy
my myspace - my website
Add to del.icio.us 
Can you digg it?
![[ArcanE]'s Avatar](image.php?u=3080&dateline=1116229797)
Linear Mode
