Your problem is more related to CSS than jquery tabs. The element containing
the tabs needs to be wide enough to contain them all in one line - it sounds
like your containing element's width is set to the width of the browser
window, so on smaller resolutions where the window is narrower, your
containing element is not wide enough to contain the tabs on one line.
To ensure that all your tabs are on one line, you could:
1. Find the width of each tab using jquery, and set the container width to
the sum of the tab widths (or set the container width in CSS so that it can
contain them easily). This will mean that you will probably have to settle
on a fixed or minimum width design which will scroll at lower resolutions.
2. Limit the size of each tab at runtime to a fraction of the width of the
window.
If you find you have a lot of tabs which can't fit on, say, a 1024x768
resolution, maybe you should think of using a different style of navigation.
NMarcu wrote:
Hello all. I'm using jquery tabs, and I have 6 tabs. On a big
resolution, everithing is OK, but on 800x600, the last tab, go to
second line. How can I set tabs, to remain in one line, not depending
by resolution, or of the number of tabs?
--
View this message in context:
http://old.nabble.com/tabs-in-one-line%2C-on-small-resolution-tp27140777s27240p27141612.html
Sent from the jQuery General Discussion mailing list archive at Nabble.com.
