cosmocoder supports this item


60 comments found.

It is a great script.

I am trying to add 3 more tabs but when I click on the tab buttons it shows nothing for the last 3 I have added.

I have added the following….what am I missing?


<input type=”radio” name=”pane” id=”p4” /> <input type=”radio” name=”pane” id=”p5” /> <input type=”radio” name=”pane” id=”p6” />
  • <label for=”p4”>4 – Hinge</label>
  • <label for=”p5”>5 – Locks</label>
  • <label for=”p6”>6 – Handle</label>
  • Choose Your Hinge <!- Close pane4 -> Choose Your Lock <!- Close pane5 -> Choose Your Handle <!- Close pane6 ->

    Thanks for purchasing!

    Please contact me through the message box in my profile page about this. Provide me a link to your page and let me know what type of Tabs you are using.

    Tried different examples and no noy….cannot add extra tabs on either back button enabled or disabled.

    Great product! However, in chrome the tabs have a bullet point next to them when used in wordpress. Is there a workaround for this? I’m sure it’s caused by wordpress autop

    I figured out my above question.. I replaced the “li” which signifies a bullet point with an “a” which signifies a simple link like so: From:
  • <label for=”p1”>First</label>
  • to <label for=”p1”>First</label>

    I have a new question though.. I have had trouble making the system work with more than 3 tabs..

    Thanks for purchasing!

    See the documentation on how to add new tabs. You will have to add the relevant html code and also make adjustments to the css.

    Also you could have removed the bullet points simply by using “list-style:none” for the li tags.

    To get this to work in < IE9 you state that I should reference Dean Edwards’ IE9 .js like this:

    <!—[if lt IE 9 ]> <script src=””></script> <![endif]—>

    Do i also need to reference a basic javascript library? (/js/jquery/jquery.js?ver=1.7.1) prior to this? I can’t seem to get it to work in versions less than IE9

    jQuery is not needed. You just have to include the ie-css3-tabs.css file.

    The file is included but it doesn’t work in IE less than 9

    I don’t see that file included anywhere in your page. It is not being loaded and that’s why the tabs are not working in IE < 9.

    Here is the raw file on a webpage so you can test it on <IE9:

    If you have IE 9 on your computer you can hit F12 and then select earlier versions of IE to use as your browser. Let me know when you do and I’ll take this page down so no one can browse the directory it references. I have also tested it on an older computer that uses XP and IE8 verify.

    I tried the test page both in IE9 by setting the browser mode to IE8 and in a real IE8 browser, and in both cases the tabs did not work. The ie-css3-tabs file was not loading in IE8 . I think there is something in the page that is causing problems in IE8 . My local copy of the tabs works perfectly in IE8 . I suggest that you use the unedited version of the demo files that you downloaded and try it out, i.e. don’t even change any paths.

    I apologize if this is a dumb question but why can’t I use absolute file paths and where should I install the files so that I can use the relative file paths you outline? I’ve looked it up online and tried a few things without any luck.

    You can of course use absolute paths, just take care to use the correct path. If you want to use relative paths then you have to figure it out based on where the css file placed in relation to the html file.

    I got it all working… it was totally my mistake (I messed up your code). Thank you for all of your help. I’ve bought a couple of your other products and gave them all a 5 star rating.

    Glad to hear that you sorted it all out.

    Suggested to make it responsive.

    Thanks for purchasing!

    I will consider you suggestion for the future.


    I just purchase your product and setup the slider on my website. Now everything is working perfectly except my website background which show in grey only ? Please can you help me about this ?

    Best regards,

    Thanks for purchasing!

    Please give me a link to your page so that I can inspect the problem.

    Hi that looks good,

    I have just purchased it. Can you tell if it is possible to have the height of the tabs changed dynamically coorespoonding to the content ?

    The thing is I would like to use it in template for ebay auctions, and so the tabs content will be filled with different stuff for each article.

    Ok sorry,

    i think I figured it out. The “simple” tabs will fit to my needs…


    Thanks for purchasing!

    The “Simple” and “Sliding” tabs will allow to have content with dynamic height.

    I’m having a little trouble figuring out how to install your plugin ‘Animated CSS3 Tabs’. I am unable to locate any documentation with instructions. Could you please tell me which folder I’m supposed to be installing?

    Never mind, I figured it out. I mistakenly thought this was a wordpress plugin. I figured out it’s a CSS3 file. I think I got it from here.


    I’ve just finish to setup your tabs on my website and it’s look really perfect, Actually I would like to add button on the page whare is the TABS which will open specific page on the tabs (depending of the button) P1, P2, P3 etc….

    I.e, with this 3 button “advantage, feature and FAQ” I want that if I click on that button the page P1, P2 or PR3 will show

    Please let me know how I can add this kind of redirection on the same page where is the Tabs??

    Thanks in advance

    Do you mean to say that when you load your page you want a specific tab pane to show? If that is so then you can do it by using the “Back Button Enabled” tabs and place the correct hash tag in the url. So if for example you want the tab pane with the id “second” to open then place ”#second” at the end of the page url like this –

    I tried using the 1E9.js to allow basic support for IE8 but it crashed. What exactly needs to happen so the tabs don’t overlap each other in IE8?

    Thanks for purchasing!

    Please see the documentation for the files that are required by IE8 and below. This included IE9.js and CSS3 PIE. If the problem persists then provide me with a link to your page where the tabs are embedded.

    I just recently purchased your tool – but when i tried to use it in my code, the last tab (3rd) is not showing anything. So I tried changing the direction of the float from left to right – in the .panes-items > div -.. and after doing so, it reversed – the 1st tab now is not showing anything.

    Any ideas?


    Thanks for purchasing!

    Please contact me through the message box in my profile page and provide a link to your page so that I may inspect the problem.

    Hi. I have problem with IE8. Content overlaps and tabs button not work. Can you help me?

    Thanks, E

    Thanks for purchasing!

    I need a link to your page to inspect the problem.

    ok. will send to you via message.

    Hello, I am very interested would it be possible to have Tabbed as in the example

    Created 27 September 10 Last Update N / A

    no update


    Do you mean to have the fade animation like in the tabs at the bottom of your sample page? If so then the CSS3 Tabs do have such an effect.

    Hello, I spoke of the clone cordially

    Sorry, I don’t understand what you mean by “clone”.