Page 1 of 1

Tab Pages

Posted: Thu Jul 28, 2005 5:32 pm
by oldtimer
Anyone know a good place to look for a tutorial on how to build web pages where you have tabed interfaces/pages at the top.

For example if you looked at the internet options in IE how it has the tabs at the top. I am trying to figure out how to do this for a web design.

Key is I need to keep all information or changes while going from one tab to another and only one final apply. I am sure I can figure that part out just as soon as I figure out how to get the tabbed interface look.

Posted: Thu Jul 28, 2005 5:35 pm
by pickle
That's a pretty simple thing to do (I think). Are you trying to do something like my website: http://www.dylananderson.ca ? If so, you can steal the CSS and just modify it to suit your needs.

Posted: Thu Jul 28, 2005 5:37 pm
by Ambush Commander
I stumbled on this a while ago:

http://www.brainjar.com/css/tabs/

Great explanation.

Posted: Thu Jul 28, 2005 5:44 pm
by oldtimer
Ambush Commander wrote:I stumbled on this a while ago:

http://www.brainjar.com/css/tabs/

Great explanation.
Thank you. That is exactly what I was wanting.

Posted: Thu Jul 28, 2005 8:05 pm
by harrisonad
creating a tabbed inteface is more challenging if you there's no need to load the page requested but rather, using css, hide and unhide each page, as fast as possible, loading all the pages at different DIV's for once. :twisted:

Posted: Thu Jul 28, 2005 8:09 pm
by Ambush Commander
Not really. It's just a little JavaScript editing CSS display property (even I can do it and I have no clue what I'm doing when it comes to JavaScript).

Posted: Thu Jul 28, 2005 8:29 pm
by nielsene
I like this tutorial:
ALA's Sliding Doors &
Part II