Generalities

Hello
I have a trouble I want do this:

this table. I have a all code, but tabs don't push, don't move to the next page (tab).
this is that forum url: http://theindustryx.proboards.com/index.cgi
please help me

Did you link the tabs to the pages you want them to go to?

yes like runaway said, if they have an a href tag then you will need to do target="framename" give the iframe an id="framename" and everything should work fine.

I have this code:

Code:

<style type="text/css">
.tab
{
margin-top: 3px;
/* Change #000000 below to your table border colour. */
border-top: 1px solid #000000;
border-left: 1px solid #000000;
border-right: 1px solid #000000;
/* Change #ffffff below to your link/tab colour. Do NOT remove "!important". */
color: #ffffff !important;
margin-bottom: 0px;
padding: 4px;
display: inline-block;
/* Have mercy on me for using such awful positioning. */
position: relative;
top: 2px;
}

.activetab
{
/* Change #000000 below to your tab background colour. */
background-color: #ffffff;
/* Change #000000 below to your active link/tab colour. Do NOT remove "!important". */
color: #000000 !important;
}

.tabholder
{
/* If you don't want your tabs to scroll, remove the overflow-y definition below. */

/* Adjust the height as you want. */
height: 320px;
padding: 0px;
}
</style>
<table align="center" border="0" width="720" cellspacing="0" cellpadding="0" bgcolor="000000" style="border: 1px solid 827f92;">
<tbody><tr>
<td>
<table cellspacing="0" border="0" width="100%">
<tbody><tr>
<td width="100%" class="titlebg" bgcolor="#F8F5F3" style="text-align: center;">
<a href="javascript:void(0);" onclick="lite_show_tab(this, 1);" class="tab activetab" id="link1">NEWS &amp; UPDATES</a>
<a href="javascript:void(0);" onclick="lite_show_tab(this, 2);" class="tab" id="link2">EVENTS CALENDAR</a>
<a href="javascript:void(0);" onclick="lite_show_tab(this, 3);" class="tab" id="link3">IN PRODUCTION</a>
<a href="javascript:void(0);" onclick="lite_show_tab(this, 4);" class="tab" id="link4">SPOTLIGHTS</a>
</td>
</tr>
<tr>
<td width="100%" class="windowbg" bgcolor="#F8F5F3">
<div class="tabholder">
<div id="tab1" style="display: block;">

<div style="width:720px; height:320px; background-image: url('http://i48.tinypic.com/qzf01x.jpg'); border-width:0px; border-color:none; border-style: none;">

<br><br><span style="font-family: arial; font-style:italic; font-size:35px; text-transform:none; letter-spacing:-1; color: #493a5b; text-shadow: 0px 2px #a2a2a2; text-transform: uppercase; position: relative; left:45px; line-height:0%">news &amp; updates</span><br><br><br>
 
<div style="width:380px; height:230; padding:10px; position: relative; left:45px; top: -5px; overflow-y: auto; background-color: #e5e4ec; text-transform: none; font-size:10px; letter-spacing: 1px; text-align: left;">

<div style="background-color:none; font-family: arial; color:#ffffff; font-size:11px; text-shadow:#000000 1px 1px 1px; letter-spacing: 3px; text-align: left; text-transform: uppercase; padding-top: 3px;">31 OCTOBER</div><br>
- Hey everyone! Welcome to OCTOBER on The Industry.<br>
- For those of you that have been around, you might have noticed some changes.  We are under (semi) new management: the admins are now Jen, Cookie, and RIta. We are working hard to bring some new things to the site and boost activity. If you have any ideas or suggestions we'd love to hear them  Shoot us a PM.  We've got some things planned so be on the look out for them.<br>
- Please join us in thanking Anna for the beautiful new layout!  If you haven't already, make sure you switch your skin to 'On Set (purple)'.  Be sure to tell Anna thanks!<br>
- Be sure to tell your friends about our wonderful site.  Visit the advertisement board for our ad and post it EVERYWHERE!<br>
- Last but not least, WELCOME to new members, guests, and visitors.  Take a look around and let any of us know if you have any questions.  We'd love to have you as a part of our TI family!<br>

<br>
 
 
</div></div>

</div>
<div id="tab2" style="display:none;">

<div style="width:720px; height:320px; background-image: url('http://i46.tinypic.com/2rg2qzk.jpg'); border-width:0px; border-color:none; border-style: none;">

<br><br><span style="font-family: arial; font-style:italic; font-size:35px; text-transform:none; letter-spacing:-1; color: #493a5b; text-shadow: 0px 2px #a2a2a2; text-transform: uppercase; position: relative; left: 275px; line-height:0%">september calendar</span><br><br><br>
 
<div style="width:380px; height:230; padding:10px; position: relative; top: -5px; left: 275px; overflow-y:auto; background-color: #e5e4ec; text-transform: none; font-size:10px; letter-spacing: 1px; text-align: left;">
<br>
<b>6th • Thursday</b> <br>
• <b>Toronto Film Festival</b> begins in Toronto, Canada. <br>
• The <b>2012 MTV Video Music Awards</b> in Downtown Los Angeles. <br>
<br>
<b>7th • Friday</b> <br>
• <b>Just Sitting</b> is released in theaters nationwide. <br>
• <b>The Cold Light of Day</b> is released in theaters nationwide. <br>
• <b>The Words</b> is released in theaters nationwide. <br>
<br>
<b>14th • Friday</b> <br>
• <b>Resident Evil: Retribution</b> is released in theaters nationwide. <br>
• <b>Ruthless Warrior</b> is released in theaters nationwide. <br>
• <b>Finding Nemo 3D</b>  is released in theaters nationwide. <br>
• <b>The Perks of Being A Wallflower</b> is released in limited theaters. <br>
<br>
<b>16th • Sunday</b> <br>
• <b>Toronto Film Festival</b> concludes in Toronto, Canada. <br>
<br>
<b>23rd • Sunday</b> <br>
• The <b>64th Annual Primetime Emmy Awards</b> in Downtown Los Angeles<br>
<br>
<b>28th • Friday</b> <br>
• <b>Hotel Transylvania</b> is released in theaters nationwide. <br>
• <b>Looper</b> is released in theaters nationwide. <br>
• <b>Pitch Perfect</b> is released in limited theaters. <br>
• <b>Won't Back Down</b> is released in theaters nationwide. <br>
<br>
 
</div></div>

</div>
<div id="tab3" style="display:none;">

<div style="width:720px; height:320px; background-image: url('http://i46.tinypic.com/30dkrgh.jpg'); border-width:0px; border-color:none; border-style: none;">

<br><br><span style="font-family: arial; font-style:italic; font-size:35px; text-transform:none; letter-spacing:-1; color: #493a5b; text-shadow: 0px 2px #a2a2a2; text-transform: uppercase; left: 25px; position: relative; line-height:0%">films &amp; tv shows</span><br><br><br>

<table style="width:400px; height:230; margin-top:-5px; left: 25px; position: relative;"><tbody><tr><td valign="top"><div style="width:200px; height:230; overflow-y:auto; padding:10px; background-color: #e5e4ec; text-transform: none; font-size:10px; letter-spacing: 1px; text-align: left;">

<center><span style="font-family:arial; font-style:italic; font-size:25px; text-transform:bold; letter-spacing:-1; text-transform: uppercase;">FILMS</span></center><br>
<b><u>PRE-PRODUCTION</u></b><br>
• <a href="http://theindustryx.proboards.com/index.cgi?board=upcomingfilms&amp;action=display&amp;thread=11055">Sailor Moon (2013)</a><br>
<br>

<b><u>FILMING</u></b><br>
• <a href="http://theindustryx.proboards.com/index.cgi?board=filming&amp;action=display&amp;thread=10977">The Adelheid (2013)</a><br>
• <a href="http://theindustryx.proboards.com/index.cgi?board=filming&amp;action=display&amp;thread=11227">The Choice (2013)</a><br>
• <a href="http://theindustryx.proboards.com/index.cgi?board=filming&amp;action=display&amp;thread=10978">Secret Safe (2013)</a><br>
• <a href="http://theindustryx.proboards.com/index.cgi?board=filming&amp;action=display&amp;thread=10979">Switch (2013)</a><br>
• <a href="http://theindustryx.proboards.com/index.cgi?board=filming&amp;action=display&amp;thread=9818">Shut Up and Drive (2012)</a><br>
• <a href="http://theindustryx.proboards.com/index.cgi?board=filming&amp;action=display&amp;thread=10230">The Impossible Planet (2012)</a><br>
<br>

<b><u>POST-PRODUCTION</u></b><br>
• <a href="http://theindustryx.proboards.com/index.cgi?board=postproduction&amp;action=display&amp;thread=10486">A Stupid Apology (February 2013)</a><br>
• <a href="http://theindustryx.proboards.com/index.cgi?board=postproduction&amp;action=display&amp;thread=9226">Closer (5 November 2012)</a><br>
• <a href="http://theindustryx.proboards.com/index.cgi?board=postproduction&amp;action=display&amp;thread=10983">Dog Days (23 August 2013)</a><br>
• <a href="http://theindustryx.proboards.com/index.cgi?board=postproduction&amp;action=display&amp;thread=10981">Due Date (15 February 2013)</a>
<br>
• <a href="http://theindustryx.proboards.com/index.cgi?board=postproduction&amp;action=display&amp;thread=9225">Killing the Past ( 19 October 2012)</a><br>
• <a href="http://theindustryx.proboards.com/index.cgi?board=postproduction&amp;action=display&amp;thread=10980">One Step Too Far (7 June 2013)</a><br>
• <a href="http://theindustryx.proboards.com/index.cgi?board=postproduction&amp;action=display&amp;thread=10980">Seven Years of Solitude (1 February 2013)</a><br>
•<a href="http://theindustryx.proboards.com/index.cgi?board=postproduction&amp;action=display&amp;thread=9227">Water Battle (19 October 2012)</a><br>
<br>

<b><u>RELEASED THIS MONTH</u></b><br>
• <a href="http://theindustryx.proboards.com/index.cgi?board=postproduction&amp;action=display&amp;thread=9967">Just Sitting (7 September 2012)</a><br>
• <a href="http://theindustryx.proboards.com/index.cgi?board=postproduction&amp;action=display&amp;thread=9229">Ruthless Warrior (14 September 2012)</a><br>
<br>
</div>
</td>
<td valign="top"><div style="width:200px; height:230; overflow-y:auto; padding:10px; background-color: #e5e4ec; text-transform: none; font-size:10px; letter-spacing: 1px; text-align: left;">

<center><span style="font-family:arial; font-style:italic; font-size:25px; text-transform:bold; letter-spacing:-2; text-transform: uppercase;">TELEVISION</span></center><br>
<b><u>ON AIR</u></b><br>
<br><b>ABC</b><br>

<br><b>CBS</b><br>

<br><b>NBC</b><br>

• <a href="http://theindustryx.proboards.com/index.cgi?board=television&amp;action=display&amp;thread=10987">Laugh Out Loud (LOL!) (NBC)</a><br>
• <a href="http://theindustryx.proboards.com/index.cgi?board=television&amp;action=display&amp;thread=10355">Roomates (NBC)</a><br>

<br><b>FOX</b><br>

• <a href="http://theindustryx.proboards.com/index.cgi?board=television&amp;action=display&amp;thread=9633">SKIN DEEP (FOX)</a><br>

<br><b>THE CW</b><br>

• <a href="http://theindustryx.proboards.com/index.cgi?board=television&amp;action=display&amp;thread=10993">Being Sinclair (The CW)</a><br>
• <a href="http://theindustryx.proboards.com/index.cgi?board=television&amp;action=display&amp;thread=9059">Enslaved (The CW)</a><br>

<br><b>HBO</b><br>

<br>

<b><u>FILMING</u></b><br>

• <a href="http://theindustryx.proboards.com/index.cgi?board=television&amp;action=display&amp;thread=10360">COOKING (HBO)</a><br>
• <a href="http://theindustryx.proboards.com/index.cgi?board=television&amp;action=display&amp;thread=10359">JUSTICE LEAGUE (FX)</a><br>
• <a href="http://theindustryx.proboards.com/index.cgi?board=television&amp;action=display&amp;thread=10986">PROCEED WITH CAUTION (HBO)</a><br>
• <a href="http://theindustryx.proboards.com/index.cgi?board=television&amp;action=display&amp;thread=10985">SAVING HOPE (ABC)</a><br>
• <a href="http://theindustryx.proboards.com/index.cgi?board=television&amp;action=display&amp;thread=10350">THE RESSURECTION (SYFY)</a><br>
• <a href="http://theindustryx.proboards.com/index.cgi?board=television&amp;action=display&amp;thread=10984">WE WERE SOLDIERS (FX)</a><br>
• <a href="http://theindustryx.proboards.com/index.cgi?board=television&amp;action=display&amp;thread=5951">ZEROES (FOX)</a><br>

<br><br>

<b><u>HIATUS</u></b><br>
• <a href="http://theindustryx.proboards.com/index.cgi?board=television&amp;action=display&amp;thread=8436">THE SWINGING CITY (HBO)</a><br>

<br>
</div>
</td>
</tr></tbody></table>

</div>

</div>
<div id="tab4" style="display:none;">

<div style="width:720px; height:320px; background-image: url('http://i48.tinypic.com/orqt5t.jpg'); border-width:0px; border-color:none; border-style: none; text-align: center;">

<br><br><span style="font-family: arial; font-style:italic; font-size:35px; text-transform:none; letter-spacing:-1; color: #493a5b; text-shadow: 0px 2px #a2a2a2; text-transform: uppercase; position: relative; line-height:0%">spotlights</span><br><br><br>

<marquee scrolldelay="100"> <img src="http://i45.tinypic.com/2epimpv.jpg" border="0"> <img src="http://i50.tinypic.com/23m6g7a.jpg" border="0"> <img src="http://i47.tinypic.com/24kxwn4.jpg" border="0"> <img src="http://i50.tinypic.com/2r41kyv.jpg" border="0">  </marquee>
 
</div></div>

</div>

</td>
</tr>
</tbody></table>
</td>
</tr>
</tbody></table>

\
when i put it in generalities it's works, but don't slide tab (does not move to the next page)

bump..

You have HTML and CSS but wheres the javascript?

Code:

onclick="lite_show_tab(this, 4);

that there is calling for a function that is in a javascript so if you don't have the javascript then this will not work

Then now what placed to javascript?

If you have the JavaScript place it in js management

Nothning change when I place it (<script>onclick="lite_show_tab(this, 4);</script>

LOL no that is an inline function. There should be JavaScript to go with it

This is a proboards forum.. should this cause a problem?

I resolved a problem by itself. But now hit another problem
It's normal: https://i.imgur.com/pyLzT.png
This is when I push another tab (it's okay): https://i.imgur.com/9Uvcm.png
But when I open the page again, here's what happens: https://i.imgur.com/asKvd.jpg
How fix that?

You'll have to add to the JS to hide other 'windows' be alot easier if we could see something to explain it to you.

So maybe you know what that code?