CSS Questions

[Lilith]

There used to be a section for different coding languages, but I cant find it, and I am sure this belongs there, so If I'm just stupid, Im sure Jordan or another moderator will move it for me, if that area is really gone, I guess this is the next best thing... On to the question.

Using html / Css:

1. Is it possible to create tabbed areas that come to the top when you click the tab.

2. What is this called?

3. What section can I find this under at W3Scools.com and other such sites so I can learn how to do this.

Thanks in advance, I believe learning how to do this will open a whole new world of layouts to me.

[Danny696]

1) Yes, but with JS included

2) Its something like (for jQuery) jAcordian

3) Not on w3schools as that isnt a good site for stuff like this

[Lilith]

I haven't found a lot of info on this, but I looked at http://jquery.com/ and found squat. However, thanks to mdshare, I have found http://www.queness.com/post/106/jquery-tabbed-interfacetabbed-structure-menu-tutorial this, which is close to what I was looking for. Im still open to suggestions.

[Djkanna]

I'm really not sure what you're going for but here is what I came up with: Tabs

It uses pure CSS for the tabs, and it uses jQuery to update the title with what tab you click.

[Lilith]

I want to put a small box on say a mcc game in the side menu that serves as a "spell book" Ice spells on tab 1, Fire on2, yada yada. I want to choose spells on diferent tabs without refreshing the page.

[Dominion]

Are you looking for a menu like this? [mccode v2] Tabbed Explore

[Lilith]

no, Cool effect tho!

More like this (dont mind the 5yr old looking pics, its late here.)

or

or

or

shows up and they can click the image representing the spell / item they want without reloading the page.

[Lithium]

@ Lilith: the example given by DJK is what you are looking for, you got a few ones here...

http://www.noupe.com/javascript/37-great-ajax-css-tab-based-interfaces.html

[Lilith]

ok, what you arent getting is that that function isnt going to take up the whole page! its only going to be in a side column.

Of course im VERY Noob still, despite my best efforts! so if I am missing where you can make those small and only a part of a page, please just hand me the dunce cap and point it out.

[Lithium]

well... i'm not fancy with html/css/design, though, any of those could be applied inside a div or even a table, making it the size you want... someone correct me here if i am wrong...

[Djkanna]

It can be made to fit any site really, the only reason I did it so big was I had not content to fill the rest of the page. :)

[Lilith]

Puts on her Dunce cap and says many thank yous! Im not sure which method I wish to use at this time, but I appreciate your help!

[Karlos94]

1. Yes, there are 2 ways:

- CSS3

- JavaScript

2. Tabs..

3. You won't find specifically, try using Google and searching either "css3 tabs" or possible "javascript tabs".