7 replies [Last post]
isthistakenyet?
Offline
newbie
Burnley, UK
Last seen: 17 years 19 weeks ago
Burnley, UK
Joined: 2004-09-15
Posts: 2
Points: 0

I have made a game using CSS and XHTML, it is very simple yet shows what can be achieved using CSS and just how powerful it is, the CSS validates but unfortunately the (x)html does not. It works in most browsers except Opera, if anyone has any idea why this is then please post. Any constructive comments, good or bad are welcomed, thanks in advance!

Basically you have to evacuate people from a city before killer sheep take over it, you must take them to the airport as quickly as you can, remember to stick to the path and don't go into the killer sheep infested grass!
http://www.santaisahindu.org/enter.html

Tony
Tony's picture
Offline
Moderator
Brisbane
Last seen: 1 week 4 days ago
Brisbane
Timezone: GMT+10
Joined: 2003-03-12
Posts: 5344
Points: 2965

Stop the sheep! (Game i made using css)

Hi isthistakenyet?,
Thats great, with a little work you should be able to get the html to validate.
Start by giving the page a doctype and character encoding then make sure all the ids are unique.
Use classes for items that need to share a style.

Hope that helps

isthistakenyet?
Offline
newbie
Burnley, UK
Last seen: 17 years 19 weeks ago
Burnley, UK
Joined: 2004-09-15
Posts: 2
Points: 0

Stop the sheep! (Game i made using css)

You can see another simple game i have made using css, this time with css image rollovers at http://www.santaisahindu.org/willywonka.html

Stu
Stu's picture
Offline
Enthusiast
Bristol uk
Last seen: 18 years 1 week ago
Bristol uk
Joined: 2004-01-20
Posts: 282
Points: 0

Stop the sheep! (Game i made using css)

Taking this a little further I have produced the webs first maze puzzle using just css (and all on one page that validates xhtml1.1). Works in all the latest browsers on Windows XP.

http://www.stunicholls.myby.co.uk/menu/amazing.html

Hope you like it Smile

It's not what you do it's the way that you do it.
So do it with STYLE
http://www.s7u.co.uk

EssentialBuyerGuides
EssentialBuyerGuides's picture
Offline
Enthusiast
England
Last seen: 17 years 31 weeks ago
England
Joined: 2004-06-25
Posts: 91
Points: 0

Stop the sheep! (Game i made using css)

Great work guys. Smile Spend the last 10 mins playing the maps.

One thing though, if you're quick enough with the mouse, and drag the cursor in, you can get the smiley face right next to the star.

If you added a small JS behavior for dragOver , that could compensate., though I guess it'd defeat the whole point of the pure css.

isthistakenyet - Is it possible to make a pop-up fanged sheep when you stray into the grass? :twisted:

Stu
Stu's picture
Offline
Enthusiast
Bristol uk
Last seen: 18 years 1 week ago
Bristol uk
Joined: 2004-01-20
Posts: 282
Points: 0

Stop the sheep! (Game i made using css)

Quote:
One thing though, if you're quick enough with the mouse, and drag the cursor in, you can get the smiley face right next to the star.

Yes this is possible. I could increase the size of the outer maze border so that it would catch this 'cheat'.

It's not what you do it's the way that you do it.
So do it with STYLE
http://www.s7u.co.uk

Stu
Stu's picture
Offline
Enthusiast
Bristol uk
Last seen: 18 years 1 week ago
Bristol uk
Joined: 2004-01-20
Posts: 282
Points: 0

Stop the sheep! (Game i made using css)

....and another one for css games enthusiasts.

http://www.stunicholls.myby.co.uk/menu/crossing.html

Has a slight problem in Opera that needs investigation.

It's not what you do it's the way that you do it.
So do it with STYLE
http://www.s7u.co.uk

roytheboy
roytheboy's picture
Offline
Guru
North Wales, UK
Last seen: 8 years 26 weeks ago
North Wales, UK
Timezone: GMT+1
Joined: 2004-09-18
Posts: 2233
Points: 41

Stop the sheep! (Game i made using css)

This has nothing to do with CSS but turn your volume up and try this game Wink

http://www.terminal-insanity.com/z1g/steadyhand.swf

Life's a b*tch and then you die!