PDA

View Full Version : :: Tab Content Script (v 2.2)



bst09
08-01-2009, 11:20 AM
I am currently using the script "Tab Content Script (v 2.2)" (http://www.dynamicdrive.com/dynamicindex17/tabcontent.htm) (http://www.dynamicdrive.com/dynamicindex17/tabcontent.htm) on my site at http://www.bst.asn.au/pages/trophies.html with major success

But I have come across 1 issue where I have 12 tabs on the page, and need to 'break' the tabs into 2 lines ? eg 6 tabs on each line.

It was very easy to implement, but have spent the last couple of hours trawling thru this forum to see if there is a solution before posting this message.

If anyone could help in this matter I'd be extremely grateful.

vwphillips
08-01-2009, 11:58 AM
.....
<div id="bsttabs" class="indentmenu">
<ul>
<li><a href="#" rel="1997">1997</a></li>
<li><a href="#" rel="1998">1998</a></li>
<li><a href="#" rel="1999">1999</a></li>
<li><a href="#" rel="2000">2000</a></li>
<li><a href="#" rel="2001">2001</a></li>
<li><a href="#" rel="2002">2002</a></li>
</ul>
<br />
<ul style="position:relative;left:-306px;top:10px">
<li><a href="#" rel="2003">2003</a></li>
<li><a href="#" rel="2004">2004</a></li>
<li><a href="#" rel="2005">2005</a></li>
<li><a href="#" rel="2006">2006</a></li>

<li><a href="#" rel="2007">2007</a></li>
<li><a href="#" rel="2008" class="selected">2008</a></li>
</ul>
<br style="clear: left" />
</div>

<div style="position:relative;top:20px;border:1px solid gray; width:550px; height: 900px; padding: 5px; margin-bottom:1em">
.....