ナビゲーションにCSSで画像入れるには

質問

宜しくお願いします。

制作ソフトはDreamweaver8、XHTML＋CSSレイアウトでデザインビューでやっています。
CSSでのナビゲーションについて質問させて頂きます。

横型の8項目あるナビゲーションを、画像で作りたいのです。
そしてCSSで高さ40に指定した「#navi」の中で、改行しながら8項目入力しました。
8ヶとも斜体にしリンク設定して、CSSの「#navi p」を作りフロートを左、マージンと余白を0にすると横並びになりました。
そして「#navi p a」のCSSを作り、表示をブロックにして高さ40幅100に。「#navi p em」で可視性を非表示に。

ここからです。ここからこの100×40のリンク箇所に、ナビ画像を「a:link a:visited a:hover a:active」の4つ×8ヶ入れたいのです。
CSSで背景として入れると思うのですがやり方がわかりません。

もし分かる方おられましたら、宜しくお願いします。

回答No.1

naokita · ベストアンサー

p を使う理由がわかりませんが
単に

#navi a:link{ display:block; background: url(aa.gif); width: 200px; height: 40px;}
#navi a:visited{ display:block; background: url(bb.gif); width: 200px; height: 40px;}
#navi a:hover{ display:block; background: url(cc.gif); width: 200px; height: 40px;}

を割り当てるって事ではなく？

補足

すみません、タグはよく分からないのです。DW8使ってデザインビューで作業してまして・・・