HTML

WEBデザイン

横並びメニューをボーダーで区切る方法

フッターメニューを省スペースで横並びにする場合、リスト間にボーダーを表示させると見やすい。 ということで、メニューの区切り線(ボーダー)の挿入方法です。 :first-childを使用する場合、IE6は注意! IE6対応対策も必要かもしれま...
WEBデザイン

1枚の画像に複数のリンクを貼る方法

1枚の画像の複数箇所に、それぞれ違うリンクを設定した場合の設定方法です。 AREAタグはいくつでも指定することができます。 shapeはリンクの形を表し、coordsには次のように設定します。 rect 四角形の左上のx座標, y座標, 四...
WEBデザイン

CSSでロールオーバー

ジャバスクリプトを使わずに、背景画像としてCSSでロールオーバーさせる方法。 HTMLの記載は 重要なのは、CSS2行目の「display:block」という指定。 ロールオーバーをリンクの<a>タグに使う場合に使用する。 これをブロック要...