Shape 5

HI,

I wonder if you could help.

I have 2 issues here:
http://www.tangotours.co.uk/joomla1/index.php/argentina-tours/experience-argentina-small-group-tour

1.  Text from one tab is overflowing into another tab.

2.  The height of the content area for all is very high.  I know it is an issue with the "Dates & Prices" tab - because when I unpublish that - the height is normal.
There is an iframe within that tab - but for some reason it seems to push the height.  The setting of the iframe has a height of only 900px.

This seems to be well over 2000px.

Thanks for your help in advance

Aled

Page isnt loading for me?

Sorry! I moved it last night:
http://www.tangotours.co.uk/joomla1/index.php/small-group-tours/experience-argentina-small-group-tour

Thanks
Aled

Any ideas on this yet?

Aled

I did some edits added some new tab show files let me know if this works for you.

Hi,

Tabs look great.  Thanks!

For future reference - is there a way I can force the height of the content area for each tab to be different? - or to change in height depending on the content.  Now it is determined on the highest tab content.

I'm not saying I want this to happen now - but it would be nice to know how to do it.

Many thanks again for your excellent work!

Aled

 

Sorry to be a pain - one more thing.

How do I make each tab button to be the same width - not only when active?

If this was done It would also be nice to have different coloured inactive buttons (visable).  eg white buttons with blue text.

I'd probably like about 10px between the buttons.

Many thanks for your assistance one more!

Aled

For the height the module height is determined by the tallest tabs content.

Add a width here and it should make each tab the same width:

#s5_button_frame ul li {
    cursor: pointer;
    float: left;
    height: 36px;
}
styles.css (line 76)

Also here is the non active class and css so you can change to whatever you desire for non active tabs:

styles.css (line 171)

.s5_ts_not_active {
    background: none repeat scroll 0 0 transparent;
}

Sorry for my ignorance - I tried a couple of things but it didn't work for this:

.s5_ts_not_active {
    background: none repeat scroll 0 0 transparent;
}

For eg - if I wanted the buttons to be black & text white - what would the code be - so that I can see how it works.

Regards
Aled

.s5_ts_not_active {
    background: #000000;
color:#ffffff;
}

That should do it