Hey guys.
Currently for my website im trying to make a box of content for a site im working on.
What I want is so that I would have a box with 3 tabs on the tpo and when a tab is clicked on it displays different content.
It would look something like in the attachment (but better).

Ive found an example, its almost exactly how i want it to look:
http://www.swindontownfc.premiumtv.co.uk/page/Home/
If you scroll down, they use about 4 tabbed boxes, i think the first one is called 'partners'.

One thing, i know it can be done without the use of javascript and so please can no-one suggest the javascript method.

Thanks.

You can use CSS to hide and show content, but the mechanism for showing and hiding different content after clicking can’t be done with CSS.

According to me there’s (except when you use frames to show the content) no possible way to do this without JavaScript.

Can't be done with CSS only

im sure ive seen it done without javascript before. o well.
i gues i'll have to use js then.
thanks, anyway guys.

EDIT: Hey just noticed the emphasis on the word 'clicking' in bas's post, whats that about, does he mean it can be done if you like, hover over it or something?

Yes josh, i believe it is possible to use pure css to have it so if you hover over it it changes...

but this could be very annouying...

Ok, i've found something that is exactly how i want it, its exactly what im trying to make, but, theres no learning in copying and pasting so this is what im trying to achieve, how can i do that thing with the tabs?
http://www.cssplay.co.uk/menu/slide_show

EDIT: Link fixed.

EDIT 2: It's alright guys, im sure i can work it out. Thanks anyway.

I've seen some web templates with tabs that use seperate pages for each tab. I don't know if thats what you're looking for though.

But if thats the case, just use an external style sheet applied to each page, and to make the tab effect just make one of the tabs have an id called "selected". Just make the "selected" tab correspond to the page you are editing.

Of course with this, updating your site is a nightmare... (unless you use PHP to include the base of the template, and then edit it globally)

EDIT: See here for a "pure CSS tabbed navigation" example.