Mobile Friendly Website

CSSPLAY

Doing it with style

CSS tabbed pages v3 COMMENTS

Welcome to my Comments Pages

Please note. I get a few hundred emails a week from visitors asking for help, or posing questions on how to modify my demos to suit their application and I read them all. Unfortunately I only have a limited amount of time to spend answering these questions.

So if I do not reply, please do not be offended, and if I do reply then you are one of the lucky ones.

If you are asking for permission to use any of my demonstration then please email me with your request stu{at}cssplay.co.uk.

Post a comment


Current posts

Mark:-
I want to have several of these tabbed boxes on the same page, how can I do that? First I tried copying the exact code but putting it father down the page in a different div class. Unfortunately, clicking on the bottom set of tags only changed the display of the first set. After that, I continued adding lines of code (extra tabs) numbering beyond the initial 5 and changed the further references accordingly. That didn't work. Now nothing will change even with the top box. Do you have a suggestion? Thanks.
(21.03.2013, 14:13)

Stu:-
You will need to create 5 new ids and a new class for .tabpages and then target this new class with the 4 new ids
(21.03.2013, 15:14)

Mark:-
What about the class .tabbedPages? and what about this:{background-color:#fff; border-bottom:1px solid #fff; color:#000;} and this: {display:block;} should those be at the end of each of the last tabs of the window?
Thanks so much!
(22.03.2013, 00:14)

Mark:-
Well, I cut out the last two sections (showing default tab again) and introduced the class name tabbedpages1 for the second box. Now the second box works except when I click on the tabs of either box, the other box reverts to showing the first tab of the other box!
(22.03.2013, 03:57)

Stu:-
This is because :target can only be active on one <b> tag.
If you wanted to have both tabs stay open then you need to use the radio version. But this does not work in all IE browsers.
(22.03.2013, 08:29)



Post

Your comment:

Your Name:

Stu's First Name - 3 letters (required)

Thanks to Alex for this script.

Please enter your comments for this site page.
Please note that all posts are moderated.

Posting rules

HTML is turned off
Maximum word length is 80 characters.
Messages limited to 1200 characters.
Web links should not include 'http://'

Support CSSPLAY

Your donations keep CSS PLAY running.
If your donation is for the use of a demo then please email me with the demo url after making your donation.


CUSTOM SEARCH

Facebook Twitter rss feed Facebook Fan Page