Forum Support

Shape 5
March 28, 2024, 03:01:28 PM *
Welcome, Guest. Please login or register.

Login with username, password and session length
News: Shape 5 Forum
 
   Home   Help Search Login Register  
Pages: [1]
  Print  
Author Topic: Tab content & content height issue  (Read 834 times)
aledrees
Jr. Member
**
Offline Offline

Posts: 31



« on: September 25, 2011, 12:09:59 PM »

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



Logged
jonahh
Administrator
*****
Offline Offline

Posts: 23789



WWW
« Reply #1 on: September 26, 2011, 07:09:39 PM »

Page isnt loading for me?
Logged

Jonah Hall
------------
Shape 5 Team

- Need a great host for your website? We highly recommend siteground.com!


- Put your trust in the hands of our extremely qualified staff to get your job done right!


- Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:
Install Firebug
aledrees
Jr. Member
**
Offline Offline

Posts: 31



« Reply #2 on: September 27, 2011, 12:01:53 PM »

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

Thanks
Aled
Logged
aledrees
Jr. Member
**
Offline Offline

Posts: 31



« Reply #3 on: September 29, 2011, 12:51:00 PM »

Any ideas on this yet?

Aled
Logged
jonahh
Administrator
*****
Offline Offline

Posts: 23789



WWW
« Reply #4 on: September 29, 2011, 01:19:08 PM »

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

Jonah Hall
------------
Shape 5 Team

- Need a great host for your website? We highly recommend siteground.com!


- Put your trust in the hands of our extremely qualified staff to get your job done right!


- Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:
Install Firebug
aledrees
Jr. Member
**
Offline Offline

Posts: 31



« Reply #5 on: September 29, 2011, 03:09:14 PM »

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

 
Logged
aledrees
Jr. Member
**
Offline Offline

Posts: 31



« Reply #6 on: September 30, 2011, 10:07:32 AM »

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
Logged
jonahh
Administrator
*****
Offline Offline

Posts: 23789



WWW
« Reply #7 on: October 03, 2011, 01:02:42 PM »

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;
}
Logged

Jonah Hall
------------
Shape 5 Team

- Need a great host for your website? We highly recommend siteground.com!


- Put your trust in the hands of our extremely qualified staff to get your job done right!


- Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:
Install Firebug
aledrees
Jr. Member
**
Offline Offline

Posts: 31



« Reply #8 on: October 03, 2011, 01:54:55 PM »

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
Logged
jonahh
Administrator
*****
Offline Offline

Posts: 23789



WWW
« Reply #9 on: October 04, 2011, 11:41:27 AM »

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

That should do it
Logged

Jonah Hall
------------
Shape 5 Team

- Need a great host for your website? We highly recommend siteground.com!


- Put your trust in the hands of our extremely qualified staff to get your job done right!


- Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:
Install Firebug
Pages: [1]
  Print  
 
Jump to:  

Powered by MySQL Powered by PHP Powered by SMF | SMF © 2013, Simple Machines
Joomla Bridge by JoomlaHacks.com
Valid XHTML 1.0! Valid CSS!
Looking for the largest variety in template designs? Look no more. Never buy 1 theme again. Signups start at just $89 for access to all of our themes.
Send Us An Email
Please send us your questions and we will email you back as soon as we can. Product support questions should be posted in our support forums under the Help menu. Our staff will assist you from there.