On 13 May 2005, at 2:04 am, Denis Defreyne wrote:
I stumbled upon a rather interesting problem yesterday. The issue is related to letter-spacing and the way it renders in the browser (Firefox, Safari and Internet Explorer have the problem; Opera does not).
Here's the Test page: http://amonre.org/hover_test.html
When hovering with the cursor over the text "Stoneship", the rightmost letter "p" is only partially colored red.
My question is: is this the right behaviour? Should the entire letter be colored?
The CSS reference ( http://www.w3.org/TR/REC-CSS2/text.html#spacing-props ) mentions the space _between_ characters, and Safari and Firefox seem to decrease the space after the last letter as well. I'm almost certain that it is wrong, but not entirely.
So, right or wrong?
* Opera 8b Mac OS X behaves the same as Firefox and Safari.
* In my humble understanding of the letter-spacing property, which I noted [1] in the thread Ingo mentioned, the space after the last letter in an **inline** string is included.
So, possibly not expected, but correct. That is how kerning works in DTP applications as well.
* In your test file, set the <a> to {display:block} and watch the difference.
* alternatively:
a {color:green; font-size:144px}
a span {letter-spacing: -20px;}
<a href="#"><span>Stoneshi</span>p</a>
[1] for my answer: <http://archivist.incutio.com/viewlist/css-discuss/51138>
Philippe ---/--- Philippe Wittenbergh now live : <http://emps.l-c-n.com/> code | design | web projects : <http://www.l-c-n.com/> IE5 Mac bugs and oddities : <http://www.l-c-n.com/IE5tests/>
______________________________________________________________________ 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/
