~~~~~~~~~~~~ IMPORTANT INFORMATION -- Please read! ~~~~~~~~~~~~

1. The "search..." box above searches the Docs & Forum Posts. The "Search" tab above just searches the Forum Posts. :side:
Please use these to search for your issue *before* creating a new message topic, as your issue may have been previously solved.
2. Please put your Club # and Club Web Address in your Forum Signature (best) OR in each post to get faster support from us.
Click here to edit your signature at the bottom of the Profile Information tab.
3. Our user and admin docs are available at: support.toastmastersclubs.org/doc "There's a doc for that!" ;)
4. There is an "Opt In" Feature for newly added members. The Opt In document explains the [strike]strikethrough[/strike] member information. Click Here to View the Post
5. When posting a New Topic , please include all relevant details and be specific. When did your issue 1st occur? What operating system, browser, & browser version are you using? Did you refresh your browser cache? Are your cookies enabled? Lastly, a screen shot is often helpful.
6. Please abide by the Terms of Use . We are volunteers contributing our spare time. We are happy to assist you, so long as you are respectful and courteous.
7. We are always looking for new FreeToastHost Ambassadors to join our team and support fellow Toastmasters in their use of the FreeToastHost website system. If you are familiar with the system and have some interest, send a Send Us a Private Message.

How to put tabs in your content.

More
8 years 2 weeks ago #63806 by Evab
Replied by Evab on topic How to put tabs in your content.
I have copied the code exactly, however I cannot get the 4th and 5th tab to work. What I'm I doing wrong? Please help.

<div class="userTabs" id="Tabs">
<ul class="tab-list">
<li><a href="#6261tab1">2017 International Eval</a></li>
<li><a href="#6261tab2">2017 Events</a></li>
<li><a href="#6261tab3">Black History</a></li>
<li><a href="#6261tab4">2016 Events</a></li>
<li><a href="#6261tab5">Past Events</a></li>
</ul>

<div id="6261tab1">
<p style="text-align: center;">&nbsp;</p>

<p style="text-align: center;"><iframe allowfullscreen="true" frameborder="0" height="366" mozallowfullscreen="true" src=" docs.google.com/presentation/d/1HT2UmDpb...rue&delayms=3000 " webkitallowfullscreen="true" width="600">


</div>

<div id="6261tab2">
<p style="text-align: center;"><iframe allowfullscreen="true" frameborder="0" height="366" mozallowfullscreen="true" src=" docs.google.com/presentation/d/1ygKFWGYZ...rue&delayms=3000 " webkitallowfullscreen="true" width="600">


</div>

<div id="6261tab3">
<p style="text-align: center;"><iframe allowfullscreen="true" frameborder="0" height="366" mozallowfullscreen="true" src=" docs.google.com/presentation/d/1evKHrFvp...rue&delayms=3000 " webkitallowfullscreen="true" width="600">



<div id="6261tab4">
<p style="text-align: center;"><iframe allowfullscreen="true" frameborder="0" height="366" mozallowfullscreen="true" src=" docs.google.com/presentation/d/1F0Ttx4e7...rue&delayms=3000 " webkitallowfullscreen="true" width="600">



<div id="6261tab5">
<p style="text-align: center;"><iframe allowfullscreen="true" frameborder="0" height="366" mozallowfullscreen="true" src=" docs.google.com/presentation/d/1vdKmZ1vP...rue&delayms=3000 " webkitallowfullscreen="true" width="600">


</div>
</div>
</div>
</div>
The topic has been locked.
More
8 years 2 weeks ago #63807 by Brian
Replied by Brian on topic How to put tabs in your content.
Fix your code you have a bunch of div at the bottom show be one closing each tab.
The following user(s) said Thank You: Evab
The topic has been locked.
More
8 years 2 weeks ago #63808 by Evab
Replied by Evab on topic How to put tabs in your content.
Thank you so much it works Yippy I can sleep now :)
The topic has been locked.
More
8 years 2 weeks ago - 8 years 2 weeks ago #63809 by SteveTheTechie
Replied by SteveTheTechie on topic How to put tabs in your content.

Evab wrote: Thank you so much it works Yippy I can sleep now :)


Care to share so we can admire your work? B)

Also please put your club number in your forum signature for fastest forum support response. See the CLICK HERE link for that in my signature below to access your forum profile to set it.
Last edit: 8 years 2 weeks ago by SteveTheTechie.
The topic has been locked.
More
8 years 2 weeks ago #63810 by Evab
Replied by Evab on topic How to put tabs in your content.
Sure
commerce.toastmastersclubs.org/Club_Pictures.html

Hope you like.

I was able to create slide show by watching this video, hope it helps others who do not want to use Flickr
The topic has been locked.
More
8 years 2 weeks ago - 8 years 2 weeks ago #63811 by SteveTheTechie
Replied by SteveTheTechie on topic How to put tabs in your content.
Nice! B)

BTW, if you want, you can color in the white band around the iframes if you put something like the following on the divs:
Code:
style="background-color:lightblue;"

Put whatever color you want there instead of lightblue:
www.w3schools.com/colors/colors_names.asp
Last edit: 8 years 2 weeks ago by SteveTheTechie.
The following user(s) said Thank You: Evab
The topic has been locked.
Time to create page: 0.928 seconds

Copyright © 2025 FreeToastHost 3 Support. All Rights Reserved.