[private post, do not answer]
Here is the HTML code that display 2 tabs, and a subtab inside the 1st tab (the "nested" tabs)
[code:1]<div class="dynamic-tab-pane-control tab-pane" id="cb_tabmain">
<div class="tab-row">
<h2 class="tab selected"><a href="#">TEST TAB 1</a></h2><h2 class="tab"><a href="#">TEST TAB 2</a></h2>
</div>
<script type="text/javascript">
var tabPanecb_tabmain = new WebFXTabPane( document.getElementById( "cb_tabmain" ), 0 )
</script>
<div style="display: block;" class="tab-page" id="cbtab0">
<script type="text/javascript">
tabPanecb_tabmain.addTabPage( document.getElementById( "cbtab0" ) );
</script>
<div style="margin: 13px 1%; width: 97%;">
<div class="dynamic-tab-pane-control tab-pane" id="CBNestcb_tabmain">
<div class="tab-row">
<h2 class="tab selected"><a href="#">TEST SUBTAB FROM TAB 1</a></h2>
</div>
<script type="text/javascript">
var tabPaneCBNestcb_tabmain = new WebFXTabPane( document.getElementById( "CBNestcb_tabmain" ), 0 )
</script>
...
...
</div>
...
</div>
...
</div>[/code:1]
the classes that are used are :
- div : dynamic-tab-pane-control tab-pane
- div : tab-row
- h2 : tab
- h2 : tab selected
- div : tab-page
What is not displayed is the H2 elements.
Going to next step.
Silexian
ps : CSS is definitively not my drug... i'm progressing like a snail tracting a 33 tons on a carpet of nails
Post edited by: silexian, at: 2006/01/18 13:02