[Hiki-dev] コマンド一覧の区切り(Re: 文字間スペース)

Back to archive index

yowa yowak****@cool*****
2003年 5月 13日 (火) 15:39:35 JST


ょゎです。文字間スペースの話に便乗です。

HTML 4.01では、日本語の場合、語間の white space は表示しないことに
なっているようです(*1)。これを実装していてCSSを理解しないブラウザ
(たとえば w3m)では、ページ上部のコマンド一覧が


  新規作成編集差分 FrontPage ページ一覧検索更新履歴管理


のように表示され、日本語がつまって見づらくなっています。

WAI でも、リンクは非空白文字で区切るように勧められていますし(*2)、
たとえば '|' で区切るようにした方がいいと思います。

# CSS 対応ブラウザで '|' が表示されるとマヌケに見えますね。
# display: none にすれば問題はない? 

上記の変更案のパッチを末尾に添付します。

(*1) http://www.w3.org/TR/html4/struct/text.html#whitespace
(*2) http://www.w3.org/TR/WAI-WEBCONTENT/#tech-divide-links

------------------------------
ょゎ <mailto:yowak****@cool*****> 
     <http://yowaken.dip.jp/>


Index: plugin/00default.rb
===================================================================
RCS file: /cvsroot/hiki/hiki/plugin/00default.rb,v
retrieving revision 1.3.2.15
diff -u -r1.3.2.15 00default.rb
--- plugin/00default.rb	7 May 2003 14:31:14 -0000	1.3.2.15
+++ plugin/00default.rb	13 May 2003 06:35:00 -0000
@@ -98,5 +98,5 @@
   end
   menu << %Q!<a href="#{$cgi_name}?c=admin">#{msg_admin}</a>!
 
-  data[:tools] = menu.collect! {|i| %Q!<span class="adminmenu">#{i}</span>! }.join("\n").sanitize
+  data[:tools] = menu.collect! {|i| %Q!<span class="adminmenu">#{i}</span>! }.join(%Q! <span class="menu_separator">|</span>\n!).sanitize
 end
Index: theme/hiki_base.css
===================================================================
RCS file: /cvsroot/hiki/hiki/theme/hiki_base.css,v
retrieving revision 1.1.1.1
diff -u -r1.1.1.1 hiki_base.css
--- theme/hiki_base.css	22 Feb 2003 04:39:31 -0000	1.1.1.1
+++ theme/hiki_base.css	13 May 2003 06:35:00 -0000
@@ -5,3 +5,7 @@
 span.deleted {
 	text-decoration: line-through;
 }
+
+span.menu_separator {
+	display: none;
+}




Hiki-dev メーリングリストの案内
Back to archive index