[解決済み] メインナビを画像に

[tronto1014]

メインナビを画像にしたいんですが、うまくいきません。

画像を添付させていただいたのですが、同じ物が連続で表示されて

しまいます（ホームの連続など）。何か方法は無いでしょうか？

※使用している画像はABCDEで区分けしたa.png1枚です。

Aの部分だけが連続して表示されてしまいB、Cなどが表示されません。画像に文字を入れているので背景だけ変えることはできません。

[attachment=4260,13]

ul.mainnavi li a {

width: 121px;

height: 36px;

padding: 20px 5px 0px 5px;

margin: 0px;

display: block;

background-image: url(‘images/a.png’);

background-repeat: no-repeat;

background-position: -131px 0px;

color: #FFF;

font-weight: bold;

font-size: 13px;

text-align: center;

}

[nanbu]

こんにちは。

テーマは何をお使いでしょうか。

またWordPress のカスタムメニューはお使いでしょうか。

もし、Welcart専用テーマをお使いでしたらWordPress のカスタムメニューが利用できますのでそちらを使ってください。WordPress のカスタムメニューはボタン一つ一つ(li)にclass が指定されていますので、それを利用してボタンごとにスタイルを組むと良いかと思います。

[tronto1014]

解決しました。ありがとうございます。

[投稿者]

投稿