メニューバーのラインの作り方

質問

はじめまして！
http://www.ever-rise.co.jp/corporate/index.html
このサイトメニューバーの縦ラインの作り方をぜひに詳細に教えてください。
ソフトは　Fireworks CS5.1です。
よろしくお願いいたします。

回答No.1

ORUKA1951

メニューの項目の枠でしたら、画像ですが？？？
スタイルシートにて、:hoverで背景画像をずらす、もしくは入れ替えている。
そのサイトの仕組みは、ソースを見たらわかるので省きます。
　firefox+firebugで、詳しくわかります。

　一般的には、HTMLが
<div class="nav">
　　<ul>
　　　<li><a href=""></a></li>
の場合
div.nav ul li a:visited{background-image:(url);;background-position:0 50px;}
div.nav ul li a:link{background-position:0 0;}
div.nav ul li a:hover,div.nav ul li a:focus{background-position:0 100px;}
div.nav ul li a:active{background-position:0 150px;}
などとするでしょう。
詳しくは、
ロールオーバー :hover 背景画像 - Google 検索 ( http://www.google.co.jp/#sclient=psy-ab&hl=ja&safe=off&source=hp&q=%E3%83%AD%E3%83%BC%E3%83%AB%E3%82%AA%E3%83%BC%E3%83%90%E3%83%BC+:hover+%E8%83%8C%E6%99%AF%E7%94%BB%E5%83%8F&psj=1&oq=%E3%83%AD%E3%83%BC%E3%83%AB%E3%82%AA%E3%83%BC%E3%83%90%E3%83%BC+:hover+%E8%83%8C%E6%99%AF%E7%94%BB%E5%83%8F&aq=f&aqi=&aql=&gs_sm=s&gs_upl=24725l28830l1l34657l8l8l0l0l0l1l267l1283l2.4.2l8l0&bav=on.2,or.r_gc.r_pw.,cf.osb&fp=64dd6c37f8d87e51&biw=1024&bih=619 )