This is tricky to explain, but I'm going to try anyway:
When you have the overview in the administration section (for example: site configuration), all the options are listed next to each other and under each other, just like in a table. When the name of a certain option takes too much space, the other words goes automatically to the next line, which is not a problem.
The only thing is: all the options in previous cells takes also two lines of space, which is normal, but the cells on the right doesn't. So you get two options (cells) (with only one line of space each) on the right side of an option (cell) which takes 2 lines of space, while you get one cell (with one cell, taking two lines) to the left side.
Here is a visual example:
_____________ ____________ ____________ ____________ ____________
| option 1 | option 2 | option 3 | option 4 | option 5 |
|____________|____________|____________|____________|____________|
| option 6 | option 7 | option 8 | option 9 | option 10 |
| | | continiue |____________|____________|
| | | option 8 | option 11 | option 12 |
|____________|____________|____________|____________|____________|
| option 13 | option 14 | option 15 | option 16 | option 17 |
|____________|____________|____________|____________|____________|
It doesn't really shows, but you can see it when you hover over the options. If you don't see it, try out with an other language.
Browser used: Firefox 3+
Comments
Comment #1
yoroy commentedCorrect. I'm floating the list items and have defined a max-width for them. Items with long names will break this and alignment gets weird indeed. I'm not sure how to work around that though.
Comment #2
yoroy commented