| | | |
2004年 7月 31日 土曜日
リストを制御する物はWebページを制するとよく言われています(?) 様々なテクニックを駆使し、ナビゲーションバーやパン屑リストをデザインします。
通常、liタグの場合は、list-style-imageプロパティを使用しますが、この場合、テキストを拡大すると、ベースラインまたはボトムに画像が位置づけられ、画像が下端に表示されます。それを避けるために背景画像を使用すると縦位置が中央になります。
背景画像を使うと、画像+テキストといった組み合わせにしなくてすむためにHTMLのメンテナンス性が向上します。
リスト要素を縦方向へ表形式で表示させるには、テーブルの時と同じような手法をとります。まずulタグの罫線は上と左右に引き、liタグで下線を引くようにします。
ulタグにlist-style-type:noneを指定しておくと・などが表示されません。
Copyright © 1998-2006 OUTDOORMAC All Rights Reserved.
