Getting User Tabs to Wrap
godspeed2048 - June 8, 2009 - 17:25
| Project: | Colourise |
| Version: | 6.x-2.x-dev |
| Component: | User interface |
| Category: | bug report |
| Priority: | normal |
| Assigned: | gibbozer |
| Status: | active |
| Issue tags: | wrap tags |
Description
I LOVE this theme!
However, after adding several sets of user-permissions, the user-tabs on the user's profile page trail off to the right hand side of the screen.
(see screenshot, below)
I have tried several pieces of CSS to fix this issue, including this one:
Is there a way to get the tabs to wrap so that it doesn't go underneath the regions on the right side?
Thanks in advance for any help you can provide.
| Attachment | Size |
|---|---|
| screenshot.png | 40.52 KB |
#1
If you used fixed-width layout, try to assign
ul.tabswidth. Like this one.ul.tabs.primary,ul.tabs.secondary {
width: 400px; /* or anything that fits your layout */
}
#2
Thanks for the prompt feedback Gibbozer!
Yes, I am using fixed-width.
But unfortunately, this fix did not work either.
Alas...
It doesn't matter since it looks like we will have to abandon the Colourize theme anyway due to the fact that 6.x-2.1 is not displaying at all in MS IE7.
Just a white screen.
(see attachment below: colourise-ie7.png)
This is not really surprising, since IE can't even seem to manage to wipe it's own posterior without help.
But my client insists on his site working perfectly in all browsers.
It's too bad too, Colourise is sexy!
It is a bit strange though - as I have used earlier versions of Colourise (6.x-1.3) on other sites and they seem to work fine just in IE.
Example: http://coralbaydigital.com/
Anyway, I cannot use an older version in this instance for reasons that I won't go into.
#3
OK, I'll check it out (both 2.x-dev and 2.1) as soon as I can spare my hours.
#4
Yah, I can see the theme just fine in IE, however, when a comment is created or when someone replies to a post, the theme entirely breaks in IE7. The entire page becomes white, and the main title graphic disappears. In fact, in the comment box, it contains the title graphic.
The theme works perfectly in Firefox. I am only having trouble in IE7.
Also, TinyMCE breaks completely in IE7 with colourize, especially in the comments fields.
Oh, well.. I really wanted this to work.
Since a larger amount of civilization uses IE for now, there is not much we can do.
I had to remove the theme from my site. I truly hope that the theme author is able to fix this for their theme.
It's a great theme, but until it gets fixed, I would not recommend anyone use this theme.
#5
To prevent the words within the tabs to wrap, just do nowrap for the li element:
ul.tabs.primary,
ul.tabs.secondary {
white-space: normal;
}
ul.tabs.primary li,
ul.tabs.secondary li {
white-space: nowrap;
}