メニュー部分をスタイルシートで画像置換するには?
お世話になります。
CSS初心者でまだまだわからないことが多いので質問させてください。
現在作成しているサイトに当然ですがメニュー部分があるのですが、普通にDreamweaverでボタン等を作成して配置していました。それでちょっと詳しい方に見てもらった時に「メニューのところ、全部のページ同じやつを使ってるけど、そういった部分はスタイルシートで画像置換使うか、ジャバスクリプトで入れ替えするなら、その部分だけ外部ファイル化して全ページ同じものを読み込ますとかしたほうがいいと思う。ちょっとした修正を前ページやるのは大変だから。」という指摘を受けました。なるほど、確かにそうだ、と思ったのですが、そういったことはどうやるのか全く分かりません、どなたか教えてくださらないでしょうか?ちなみに各コンテンツはdiv分けしてあり、ボタン部分はdiv#containerと(div#contensの中の)div#leftmenuというところです。この部分を修正する時、一度だけ修正すれば、全ページ対応する方法を知りたいです。どうかよろしくお願いします。
<div id="header">
省略。FLASH画像がきます
</div>
<div id="container">
<img src="images/menu01.jpg(altとか省略)>
<img src="images/menu02.jpg(altとか省略)>
<img src="images/menu03.jpg(altとか省略)>
<img src="images/menu04.jpg(altとか省略)>
</div>
<div id="contens">
<div id="leftmenu">
<img src="images/bottom01.jpg(altとか省略)>
<img src="images/bottom02.jpg(altとか省略)>
<img src="images/bottom03.jpg(altとか省略)>
</div>
<div id="centermenu">
省略
</div>
<div id="content-right">
<p class="shousai2"> </p>
</div>
</div>
</div>
<div id="footer">
省略
</div>
</div>
</body>
お礼
かわぃぃの見つかりましたッ!! ありがとうございました♪♪