PDA

View Full Version : What is this called?


Corrosive
05-04-2010, 10:05 AM
Guys

If you look at the right of this page; http://www.ulstergrocer.com/ you'll see the recent news/recent features tabbed box. They are everywhere in magazine style layouts. Any idea if they have a 'technical' name that I can google to find some examples?

Cheers

gentleone
05-04-2010, 10:53 AM
I don't know, but perhaps CSS tabbed panels. I know 'Evil' Spry has one, but I'm sure it can be done with only CSS.

Corrosive
05-04-2010, 10:58 AM
Yes, was just sat here thinking that. There must be pure CSS examples. Will go and fire up Google.

gentleone
05-04-2010, 12:08 PM
and if you already using jquery on the page than you can consider using this one.

http://ttabs.martinjarmar.cz/demo.html

Corrosive
05-04-2010, 12:17 PM
and if you already using jquery on the page than you can consider using this one.



Wouldn't leave home without it ;)

Good shout, Thanks gentleone.

ranjan
05-11-2010, 06:55 PM
and if you already using jquery on the page than you can consider using this one.

http://ttabs.martinjarmar.cz/demo.html

Wow so just to add some tabs I need to get jQuery UI which is

16.8k in customised jquery UI downloads (Core+Widget+Tab) and about 48K for UI theme (images + css)

where about 10 lines of js + some 30 lines of css would have sufficed.

http://jqueryfordesigners.com/jquery-tabs/

Corrosive
05-11-2010, 07:02 PM
I actually went with this; http://www.cssnewbie.com/build-a-tabbed-box-with-css-and-jquery/ in the end. Running on JQuery min. Seems to work well :)

DWcourse
05-11-2010, 10:50 PM
I always like it when someone takes the time to post the solution they ended up using. 8)

gentleone
05-12-2010, 06:39 AM
Wow so just to add some tabs I need to get jQuery UI

You're right! I didn't look well enough to see that you needed for that one two extra js files (ui core and ui tabs).
It was a quick google search of me and I posted it directly here on the forum.

I actually went with this; http://www.cssnewbie.com/build-a-tab...ss-and-jquery/ (http://www.cssnewbie.com/build-a-tabbed-box-with-css-and-jquery/) in the end. Running on JQuery min. Seems to work well

Nice find, Corrosive :)