WEBデザイン ナビゲーションメニュー 画像
初歩的な質問失礼します。
最近?よく見かける、横並びのナビゲーションメニューバーがウィンドウ幅いっぱいに広がっているwebサイトのデザインについて教えていただきたいことがあります。
サイト全体がセンタリングされて、幅が固定されている横並びメニューバーは作れるのですが、
http://www.sapporoholdings.jp/
このサイトのようなナビゲーションバーを作りたいと思ったところ、自分なりに調べて幅を指定しない、などのレイアウト自体の理屈は理解しました。
しかしいざ作ろうと思ったときに画像の用意の仕方で戸惑ってしまいました。
上記のサイトのように、メニューのテキストを画像で表示させる場合、通常時の画像/マウスオーバーの画像はどのように用意するのが効率がいいでしょうか?
メニュー全体の背景画像をrepeat-xでウインドウ幅いっぱいに繰り返し指定して、各メニューのテキスト(画像)と区切りのラインを透過画像で用意しているのでしょうか?
一番左と一番右のメニューだけに背景画像repeat-xを指定しているのでしょうか?
質問がわかりにくくてすいません、本当に知りたくて困っています。
ちなみに私の流れとしてはphotoshopを使用して、先にカンプを作ってから画像をスライスして作っています。
どなたかわかりやすく説明して頂けないでしょうか??
いろいろな方法があるのでしょうが、みなさんのおすすめを教えて頂きたいです。
どうかよろしくお願いします。
お礼
ブラウザは関係ないとおもいますよ。 もし関係があるなら,左右2種類は表示はされないと解します。
補足
本日,右の表示に直ってました。 なにかシステムの不具合だったんでしょうね? 有難うございました。