Doomtomb
asked on
JavaScript Tabber: Need tabs on the bottom in addition to the top, uses CSS, explained inside
Has anyone heard of this JavaScript called "Tabber"?
This is the site: http://www.barelyfitz.com/projects/tabber/
On that site, you see an example of that tab page in action. I am using his script with no modifications to it currently on my page: www.buildmethebest.com/intel_customdesktop.php
I need the tabs displayed on the bottom in addition to the top. (My page is very long).
Reason I'm asking you instead of the guy who made the script is because he hasn't updated his site for like 2 years so I think he abandoned the project.
Anyway here is a link to the stylesheet:
http://www.buildmethebest.com/styles/tabber.css
And the javascript:
http://www.buildmethebest.com/scripts/tabber.js
Attached is ex. HTML code of how it is used, really simple.
This is the site: http://www.barelyfitz.com/projects/tabber/
On that site, you see an example of that tab page in action. I am using his script with no modifications to it currently on my page: www.buildmethebest.com/intel_customdesktop.php
I need the tabs displayed on the bottom in addition to the top. (My page is very long).
Reason I'm asking you instead of the guy who made the script is because he hasn't updated his site for like 2 years so I think he abandoned the project.
Anyway here is a link to the stylesheet:
http://www.buildmethebest.com/styles/tabber.css
And the javascript:
http://www.buildmethebest.com/scripts/tabber.js
Attached is ex. HTML code of how it is used, really simple.
<div class="tabber">
<div class="tabbertab" title="1. Hardware & Components">
<p>CONTENT</p>
</div>
<div class="tabbertab" title="2. Accessories & Software">
<p>CONTENT</p>
</div>
<div class="tabbertab" title="3. Services">
<p>CONTENT</p>
</div>
</div>
Why not tab ALL your divs?
Make the page shorter. Number the steps
Make the page shorter. Number the steps
ASKER
So your saying, why not put each component on a separate tab? Because that's not the way I want the site setup... There is too many different components for me to fit it horizontally across the screen with their own tab.
This really doesn't help.
This really doesn't help.
I just wanted to present an alternative. I do not have time to download and test the script right now and repeating the tabs sounds to me like VERY hard work to make it look nice and align the tabs to the bottom of the bottom div and so on.
As a potential hardware buyer and internet site user, I still suggest you have one set of tabs and more of them
As a potential hardware buyer and internet site user, I still suggest you have one set of tabs and more of them
PS: The radios for the case could be a select the size of the image. that would save 200 px or so and each NO IMAGE takes up a HUGE amount of space
PPS: How about accordions for the sub parts?
ASKER
How would I do that? What do you mean accordions?
ASKER
I think I'll consider putting tabs inside of tabs to get this to work. I still wonder if it's possible to put tabs at the bottom too :/
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
ASKER
Not what I was looking for intially but it will work for my purposes
ASKER