tabs text vertical alignment

  • alfbox
    Inactive member
  • Topic Author
  • New Member
  • New Member
More
14 years 9 months ago - 14 years 9 months ago #1100 by alfbox
Hi,
How to correctly write multi-lines tabs text to keep vertical alignment in the middle. When uncheck "TABS TEXT IN ONE LINE", all tabs text are verticaly alligned to top.
What separator to use in tab text. <BR>?
And may I use a different color in each line of tab.
I have tried some html codes but it affected the horizontal alignment only.

I have uploaded demo website here:
www.voltron.cz

And another issue. The horizontal tabs and input search field is not rounded in the IE and Opera. Only FF rounds corners.
Last edit: 14 years 9 months ago by alfbox. Reason: found answers

Please Log in to join the conversation.

  • milos
    Support Staff
  • Moderator
  • Moderator
More
14 years 9 months ago #1103 by milos
Tabs are broken because overall module width is too low. Please try to increase, and/or to make the left hand side picture smaller. Please let me know if it doesn't help.

Rounded tabs use CSS3 parameters that are not yet implemented in IE and Opera. In those browsers, design of tabs is different (not broken, though). By the way, new IE9 will finally support nice CSS3 effects.

Please Log in to join the conversation.

  • alfbox
    Inactive member
  • Topic Author
  • New Member
  • New Member
More
14 years 9 months ago #1107 by alfbox
No, changing overall width or image width does not help.(see web site) I do not know whether tabs background images should be resized automatically or not. I made new, with respect of number of tabs, in PS and FW. Then copied them to module/images. (on local machine, not on hosting server)
The vertical alignment of text is main problem now.I want to use two-line text to avoid defining too wide tabs.

Please Log in to join the conversation.

  • milos
    Support Staff
  • Moderator
  • Moderator
More
14 years 9 months ago #1109 by milos
If you disable "Tabs text in one line" parameter, text can't be aligned vertically any more. But you can edit style.css file of the module and add this:
Code:
.ui-tabs-nav li { padding-top:5px; }

Please Log in to join the conversation.

  • alfbox
    Inactive member
  • Topic Author
  • New Member
  • New Member
More
14 years 9 months ago #1110 by alfbox
OK. Thank you. I will try to avoid using it because every tab would need different padding. This seems to me impossible.

Please Log in to join the conversation.

Time to create page: 0.183 seconds
Powered by Kunena Forum