- 2008年10月 7日 22:37
- cording
Webサイト制作時、パンくずリストを作る際に参考にさせて頂いたサイトです。
- CSS HappyLife : パンくずリスト（Topic Path）を作成する際に使えそうなサンプル8種
※ リストで作るのに参考にしました。 - CSS&HTMLテンプレート : パンくずリストサンプル集
※ 階層構造をもつナビゲーションであるため ul（順不同リスト）ではなく、ol（番号付リスト）ののほうが望ましいようです。
さらに企業サイトでの見え方を模索。
スタイルシートをはずしたときの情報の表示方法
以下のサイトは、スタイルシートをはずすと、そのリストの集合体が 何を表わすのかを説明する文言が表示されるようになっていました。
- Docomo : ソフトウェアアップデートのページ
表示内容 : 現在のページはホームの中のお客様サポートの中の製品・サービスのご利用・ご活用情報の中のソフトウェアアップデートのページです。 - ENEOS : 会社案内のページ
表示内容 : このページは、HOMEの中の会社情報の中の会社案内のページです。
p要素とspan要素にスタイルシートを組み合わせて表現しています。パンくずリストに限らず要素のまとまりが何をさしているのか項目名を表示することで分類わけしているようです。
こういう工夫良いなぁ～。
- Newer: ７より前のIEに li:hover がきかない
- Older: メールアドレススパム対策
Comments:0
Trackbacks:0
- TrackBack URL for this entry
- http://www.amamiyamiyako.com/mt/mt-tb.cgi/13
- Listed below are links to weblogs that reference
- スタイルシート解除時の情報のみえ方 from amamiyamiyako.com
