medial | André Huf wrote:
I have a styled list as navigation where the text-links sit in list
items with a fixed length (which i cannot change). If one entry gets
longer than the size of the list item it just breaks to another
line.
They are supposed to have "font-size: bold;" in the a:hover
pseudoclass. Sometimes the text just sits fine in one line whilst it
gets to long during a mouseover and line breaks to two lines.
That's 'font-weight: bold;', isn't it?
Since the font-family is Arial and bold text can as well need less
space than normal sized text depending on which letters the text
consists of it even occures the other way round - namely text that
needs two lines in normal state needs only one in hovered state.
...
Well, it comes as no surprise that you can't come up with a solution
which will stabilize that list during such text-transformation. It can't
be done in a reliable way.
- Changing font-weight will affect letter/word length - no matter what.
- Manipulating letter/word spacing between states may seem to work, but
will become extremely complex and quite unpredictable across browser-land.
- Using nbsp; and 'overflow: hidden;' may stop the line from breaking,
but some text may get lost.
- All attempts will fail if a visitor wants to have a say on font-size,
and they may even want to override the font-family if they don't like Arial.
P.S.: I cant do anything about the design.
Say "thank you very much" to the one responsible for the design...
...and use Ingo's solution to solve the problem - if it goes with the
design.
regards
Georg
--
http://www.gunlaug.no
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
