Webdesign battle - css

[ditt0]

A few webdesign battles were planned lately and none of them came to an end so I though I'd try to start one up.
Here's what I had in mind:
Theme: coffee company (but open to any suggestions)
Html will be provided for the page, with all the elements you might need for a page (+ a .css refference)
The design will be your choice.
Rule: you are not allowed to change the html at all. You will have to implement the design through .css.

Html file attached

Anyone interested?

[kiwee]

i like it...but please may we edit the HTML, at least just abit...otherwise it is just about colour...and you can do more then just colour with css.

[squireglig]

http://www.csszengarden.com/

It can be much more than just color if it's setup in this way.

[mpelland]

i am in. been wanting to do something like this for a while.. but i would suggest not using dropdown menu's it just adds a layer of complexity that isn't needed.

[andizzle]

I'm in, this sounds pretty cool. I dunno how good my entry is gonna be though, I just got into this CSS thing.

[Pasquale]

Hmm sounds promising

[liquidFusion]

I'm game.

About the html:
Any "non-functional" div's (empty div's for design purposes) like
CSSZenGarden does, or will everything be set right from the start?

Either way, I think this is a great initiative! Good on ya!

[B L U E]

Me too. Good way to learn CSS (i know little about it)

[bwh2]

word. i'd be in. you gonna <span> headlines so we can throw images in there?

[fasterthanlight™]

i'm in but why do we want to complicate things with javascript and ajax????

Nav should be simple text and its up to the designer to incorporate it into their design

[andizzle]

Yeah I'm pretty good at CSS, but I hate javascript and ajax. I thought those were only for web applications and forms and stuff?

[mpelland]

just make the nav an unordered list and people can do as they please

[antizip]

cool i'm in ... wut bout pictures? (background images)

[ditt0]

OK so I understand there's no need for javascript?
There will be all the structural html elements present. No img inserted via html.And no, you can't edit at all the html. Sorry, no empty divs, but there will be plenty of nested divs..so you will have to deal with that:)
So basically you will have all the html support you might need. What part of it you use and in what way - that's your choice.

[fasterthanlight™]

it seems like a daunting task not being able to edit the html but thats why css is so beautiful. I'm currently working on my own css zen garden design, and i must say, its fun manipulating the css in this fashion :D

[hybrid101]

wish i knew css by now:)
nice footer, faster:)

[mpelland]

cool, what timeframe are you thinking?

[ditt0]

I'm sorry for the delay.I'm rellocating and stuff..things getting pretty busy around here.
Anyway, I'm thinking of a 3 weeks timeframe (I think it's reasonable).
Here is the html file:

[mpelland]

haha i was just about to forget about this whole thing.

looks good, cept for the no id on the ul for the following..


<div id="external">
<ul>
shouldn't be a problem either way but would be nice to stay consistent

cheers

[Jeff Wheeler]

I'm in, if I can. :D

[SlowRoasted]

I might do one:p

[azwebdesigns]

So what exactly are the rules?

[LunaSolar]

Oh Nice!

< span > tags and everything! Can we get some tables too?

[ditt0]

Thanks mpelland , I updated the html and moved it to the first post in this thread.
nokrev, SlowRoasted sure, please join:)
azwebdesigns:the rules are in the first post of this thread.
Sorry LunaSolar, no tables.

[fasterthanlight™]

Hhaha yea, go tables! i love tables! screw this whole 'css' thing.... whatever it is anyways, and lets design the whole thing in tables!!!!!!

[Jeff Wheeler]

I think there should be a tad more smileys to indicate whether somebody is being sarcastic, rather than the very blatant sarcasm tags, which nobody uses because it defeats the whole point of sarcasm…

[bwh2]

I'm sorry for the delay.I'm rellocating and stuff..things getting pretty busy around here.
Anyway, I'm thinking of a 3 weeks timeframe (I think it's reasonable).
Here is the html file:
am i crazy or is the html file not there?... or is the sample html in the first post the one we're using?

[ditt0]

am i crazy or is the html file not there?... or is the sample html in the first post the one we're using?
No, you're not crazy:) The html was moved to the first post and I mentioned that in post 24 on this page:)

[cr125rider]

Looks like fun!

[bwh2]

after looking at the html, i have a few suggestions:
1) use realistic content so this can also serve as a portfolio piece
2) include a search input and button (preferably in the bottom 1/3 of the html)
3) explain the form
4) fix the html typo in line 69 (value="Send"/> to value="Send" />)
5) shorten titles and text.

[ditt0]

Right now I'm about to leave on my way to the airport and then to NY, so the changes in html will have to wait a few days till I can get a net conn there.
P.S Wish me luck

[JoshuaJonah]

ok.... what if i embed flash onto a css page, does that count... oh, some tables too... with google ads

[Pasquale]

why google ads?

[JoshuaJonah]

all the cool kids are using them.

[salvador marley]

ditto are you settled in your new home? I would like to take part in this new contest. It is very difficult for me not having had a great experience in css. I came up with the concept of advertising coffee in the style of an advert in a nineteen fifties comic rather than doing it in a traditional fashion such as getting pics of coffee beans, coffee jars etc and using them in the design. - is this ok? I did a screen shot of what I have come up with so far - but the css is real difficult for me to be honest - only being a begginer. Would this sort of design be ok for your competition?

[Pasquale]

hahahahahah^ classic

[salvador marley]

thanks darkmotion. I just hope I can do the css :)

[salvador marley]

Ok here goes. the css is no doubt terrible as i am only just starting to learn but i suppose you get the general idea :)

http://www.alphafiretraining.com/sample.html

[ditt0]

Wow, someone has posted for this!
My sincere appollogies salvador marley, I thought that this thread never got any answers afterwards.

Clean css, you really don't seem like being a beginner to it:) And I like the design/concept too. :thumb2:

So..is anyone else interested in participating?

Sorry Defective, no flash embedding, no tables, no google ads for the cool kids, the html doesn't change.

off topic:

-------------------------



salvador marley, yes I'm settled here, NY has been great to me so far and I hope it's just the beginning :)

[TheCanadian]

Ok here goes. the css is no doubt terrible as i am only just starting to learn but i suppose you get the general idea :)

http://www.alphafiretraining.com/sample.html
Oooh very nice. You're definitely a few of notches above terrible, somewhere in the area of awesome :thumb:

[salvador marley]

Hey thanks Ditto and the canadian.

Well, i'm just working my way through css books and online tutorials and would one day like to do one of those Zen Garden designs.

I'm amazed that this thread did not take off - with this being a web design community. Perhaps because it's css and not flash based?

:)

Hope to see some designs in the near future.

[Pasquale]

whoa that is smooth :P

[hybrid101]

wow, i never noticed this thread after salvador posted. good site so far;)