Re: [css-d] Text that breaks out of veritcal flow [SOLVED]
CSS-d, What I've ended up with isn't totally perfect, but it suits my needs. By placing a space before the misbehaving* characters, they are moved down to the next line. The space remains attached to the line before, so it's not a visible part of the menu text. The drawbacks to this are: 1. I'm changing the content slightly to meet the needs of design. 2. Punctuation doesn't line up right, so I've decided to simply not use punctuation (which I can get away with easier in Japanese). And almost a 3rd consideration is that the small Japanese characters don't justify entirely accurately as they would with a true vertical orientation. But they very close - close enough to pass, so while this limitation is notable, it's not going to stop me in this instance. I can get live with these limitations because the text in question is a small menu that will be largely static and will contain terse text. Thanks for the advice offered here. It helped push me towards the solution. * The characters aren't actually misbehaving, but are actually behaving very correctly within guidelines of text flow set out in the utf-8 standard. I only mean misbehaving relative to my current needs. -- Dave M G CSSed Zend Studio 5.5 Photoshop 7 (Wine) Inkscape, GIMP, Ubuntu 7.04 __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Text that breaks out of veritcal flow
CSS-d, On the following web site, I have a menu written in Japanese: http://nihongode.jp The text is a ul list, where each li item is constrained to a width of 1em. This forces each character to break to the next line, giving the appearance of veritcal orientation. It almost works perfectly. Most of the text obeys the constraint. However, some text items, such as punctuation and certain half size Japanese characters, break out of the vertical flow and follow a left-to-right orientation. I've included a thin red border around the text to make the problem more clear. Even if you don't read Japanese (not expecting you do, or assuming you don't), you can easily see that the three dot ellipses clearly break towards the right. Although the site validates, I've only tested it in FireFox, and it almost certainly won't work in IE6. So I've provided the following screen shot in case what I'm describing shows up differently on other people's browsers: http://nihongode.jp/Screenshot.png Does anyone know why some characters are exceptional in how they display as compared to the other characters in a case like this? And is there a way I can use CSS to more strictly impose a vertical layout on the text? Thank you for any advice. -- Dave M G CSSed Zend Studio 5.5 Photoshop 7 (Wine) Inkscape, GIMP, Ubuntu 7.04 __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Text that breaks out of veritcal flow
On Jun 2, 2007, at 12:36 AM, Dave M G wrote: On the following web site, I have a menu written in Japanese: http://nihongode.jp The text is a ul list, where each li item is constrained to a width of 1em. This forces each character to break to the next line, giving the appearance of veritcal orientation. It almost works perfectly. Most of the text obeys the constraint. However, some text items, such as punctuation and certain half size Japanese characters, break out of the vertical flow and follow a left-to-right orientation. IE 7 does the same as Firefox. But those are very special characters in Japanese writing, and hook up to the previous character. Assuming you could get those characters (the ellips particularly) to display on their own line, it would still be wrong, as the 3 dots should be vertical. The other 2 characters as well are different in vertical writing. For IE, you could use vertical text-writing, that works quite well. You will have to search MSDN for the details, I don't have the reference at hand. But only IE supports that. Using images is a suitable alternative. Philippe --- Philippe Wittenbergh http://emps.l-c-n.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
