Thursday, October 16, 2008

navigation menu updated

(see also; older ver)

Old:


プロファイズ・エン・ブログ・アップデット
Profile and Blog Updates
日本語版 | 英語版 | 更新 | 技術 | アニメ(日本語英語) | ゆかりちゃん
Japanese | English | Updates | Technology | Anime (jp/en) | Yukari-chan



New:

Profile and Blog Updates
日本語版
英語版
更新
技術
アニメ(日本語)
アニメ(英語)
自作絵
ゆかりちゃん
Japanese ver
English ver
Updates
Technology
Anime (jpn)
Anime (eng)
Drawings
Yukari-chan

(may look different due to the blog template and CSS codes that may overide the ones used here)

I have updated the navigation menu to what you see above. The older version by itself is based on an even earlier version which, if the width is insufficient, would go onto the next line, whereby distorting the alignment of the menu. Before planning to do the new one, I tried to make the text scroll and make it stop if hovered over on my main blog, but it doesn't look right. Sure it prevents from text from going to the next line unless the break rule (br) tag is used, but it just doesn't look right and in fact, even worse.

On top of that the older one, apart from what was mentioned earlier, faces compatibility issues. For example, a strange empty space appears in IE6 and IE7. For the former, the transparent areas of PNG images becomes white-ish blue instead. This problem does not appear in other browsers.

I tried various background images for the new one at first, but it appeared difficult to read. Then I remembered the style I had used on my anime blog recently and applied that to it (along with references to other sites) to become what you see now.