DMXzone Tabs Support Product Page
Answered
width of tab group
Asked 09 Jan 2014 18:29:31
1
has this question
09 Jan 2014 18:29:31 David Sanford posted:
how to have a single class of DMXTabs view width 100% of the HTML and have each tab sized and spaced evenly? Example: I have 4 tabs and without any CSS spacing they cover about 1/2 of the width of the html. how to stretch the 4 so they cover the entire width and in 4 equally sized tabs?
Replies
Replied 10 Jan 2014 10:30:07
10 Jan 2014 10:30:07 Teodor Kuduschiev replied:
Hello David,
Unfortunately there is no such an option integrated in DMXzone Tabs.
Unfortunately there is no such an option integrated in DMXzone Tabs.
Replied 10 Jan 2014 10:44:21
10 Jan 2014 10:44:21 David Sanford replied:
Actually, I figured a way to do this. You suggested this with the navigation menu and it worked great with the tabs
<ul style="margin-left:1%; margin-right:1%;">
<li style="width:24.5%; text-align:center"><a href="#dmxTabs-1">Photos</a></li>
<li style="width:24.5%; text-align:center"><a href="#dmxTabs-2">Details</a></li>
<li style="width:24.5%; text-align:center"><a href="#dmxTabs-3">Identify</a></li>
<li style="width:24.5%; text-align:center"><a href="#dmxTabs-4">Range</a></li>
</ul>
<ul style="margin-left:1%; margin-right:1%;">
<li style="width:24.5%; text-align:center"><a href="#dmxTabs-1">Photos</a></li>
<li style="width:24.5%; text-align:center"><a href="#dmxTabs-2">Details</a></li>
<li style="width:24.5%; text-align:center"><a href="#dmxTabs-3">Identify</a></li>
<li style="width:24.5%; text-align:center"><a href="#dmxTabs-4">Range</a></li>
</ul>