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.
