- Posts: 5
- Thank you received: 0
tabs text vertical alignment
-
alfbox
Inactive member - Topic Author
- New Member
Less
More
14 years 9 months ago - 14 years 9 months ago #1100
by alfbox
tabs text vertical alignment was created 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.
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
Less
More
- Posts: 6769
- Thank you received: 719
14 years 9 months ago #1103
by milos
Replied by milos on topic Re: tabs text vertical alignment
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.
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
Less
More
- Posts: 5
- Thank you received: 0
14 years 9 months ago #1107
by alfbox
Replied by alfbox on topic Re: tabs text vertical alignment
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.
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
Less
More
- Posts: 6769
- Thank you received: 719
14 years 9 months ago #1109
by milos
Replied by milos on topic Re: tabs text vertical alignment
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
Less
More
- Posts: 5
- Thank you received: 0
14 years 9 months ago #1110
by alfbox
Replied by alfbox on topic Re: tabs text vertical alignment
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