Nested Tabs and a styling issue...
On my current home page, I have multiple tabs, using Tabs 2 / jQuery 1.2.6. They each refer to their own styles on separate CSS sections.
http://www.hoosierhoopsreport.com
.
I'm changing my home page, and the beta page is:
http://www.hoosierhoopsreport.com/index1.php
I'm trying to nest a tabbed section within a tabbed section. Functionally, it's working, but the styling is not. I have found the "jQuery custom downloader" creates separate styles, and I have done, but when I apply the class to the nested Tabs, it doesn't appear to recognize it.
-
<div id="tabs_main" class="first-impressions">
<ul>
<li><a href="#first_impressions" title="first_impressions"><span>First Impressions</span></a></li>
<li><a href="#game_center" title="game_center"><span>Game Center</span></a></li>
<li><a href="#somethingGG" title="somethingGG"><span>Something Else</span></a></li>
</ul>
<div id="first_impressions">
<div id="tabs_FI" class="first-impressions">
<ul>
<li><a href="#2010" title="2010"><span>2010</span></a></li>
<li><a href="#2011" title="2011"><span>2011</span></a></li>
<li><a href="#2012" title="2012"><span>2012</span></a></li>
</ul>
<div id="2010">
<?php
$updates = ssi_recentTopics2(5,$include_boards = array(33.0),null,null,'return');
foreach ($updates as $update)
echo '
<a href="'.$update['href'].'">'.$update['subject'].'</a> -- '.$update['time'].'<br>';
?>
<br /><a href="/smf/index.php?board=33.0">For all 2010 reports</a> </div>
<div id="2011">
<?php
$updates = ssi_recentTopics2(5,$include_boards = array(59.0),null,null,'return');
foreach ($updates as $update)
echo '
<a href="'.$update['href'].'">'.$update['subject'].'</a> -- '.$update['time'].'<br>';
?>
<br /><a href="/smf/index.php?board=59.0">For all 2011 reports</a> </div>
<div id="2012">
<?php
$updates = ssi_recentTopics2(5,$include_boards = array(62.0),null,null,'return');
foreach ($updates as $update)
echo '
<a href="'.$update['href'].'">'.$update['subject'].'</a> -- '.$update['time'].'<br>';
?>
<br /><a href="/smf/index.php?board=62.0">For all 2012 reports</a> </div>
</div>
</div>
<div id="game_center">
<?php
$updates = ssi_recentTopics2(5,$include_boards = array(59.0),null,null,'return');
echo '<div class="bkg_tab_Main">';
foreach ($updates as $update)
echo '
<a href="'.$update['href'].'">'.$update['subject'].'</a> -- '.$update['time'].'<br>';
echo '<br /><a href="/smf/index.php?board=8.0">For all 2009 reports</a></div>';
?>
</div>
<div id="somethingGG">
<?php
$updates = ssi_recentTopics2(5,$include_boards = array(62.0),null,null,'return');
echo '<div class="bkg_tab_Main">';
foreach ($updates as $update)
echo '
<a href="'.$update['href'].'">'.$update['subject'].'</a> -- '.$update['time'].'<br>';
echo '<br /><a href="/smf/index.php?board=8.0">For all 2009 reports</a></div>';
?>
</div>
</div>