FC2ショッピングカートのカスタマイズ方法について、

FC2ショッピングカートのカスタマイズ方法について、
再びのお尋ねです。

FC2ショッピングカートの無料版を使用しています。
デザインは公式テンプレートのdefaultです。
このカスタマイズ方法についてお教えください。

「プラグイン」で「フリーエリア」を選択しました。
画像をクリックすると別のサイトに飛ぶ仕掛けにするため、
「プラグインの管理」でHTML編集を試み、
以下のタグを書き入れました。

<p class="plugin-freearea" &align>
<a href="別のサイトのURL" target="_blank"><img style="float: left;" src="画像のURL" alt="" ></a>
</p>

これで目的の仕掛けは機能しました。
しかし、貼り付けた画像の周囲に3ピクセルほどの
紫色の囲み罫が残ってしまっています。
クリック、オーバーマウスしても色は変わりません。

グーグルでもBloggerのカスタマイズで同じ現象が出ています。

どちらも呼び出している画像の拡張子はgifです。

この紫色の囲み罫を削除したいのですが、
どなたか方法をご存知の方はいらっしゃらないでしょうか。

よろしくお願いいたします。

No.1 ベストアンサー 回答者： naokita 回答日時： 2010/08/26 21:28

<img ～～～～の中に、border="0">にすると消えるはず。

ただ、美しくないし、
ついでに、他の画像の枠線も消したいのならCSSで設定しましょう。

次のどれかを設定。
img{ border: 0;}
a img{ border: 0;}
a img{ border: 0 !important;}
とすれば消えます。（他の画像なども確認しながら設定）
---------------------
上書きもしたくないのならCSSで
～～～ img{ ～～～ border-width: 3px; ～～～}
を部分的に（3pxかは疑問だが）削除する事。

その画像だけの１箇所なら、
.plugin-freearea a img{ border: 0;}
---------------------

セレクタには優先順もあるので、
該当のCSSを検証しなければ正確には答えられない。

この回答へのお礼

ご回答ありがとうございました。

まず、「プラグイン」の「フリーエリア」の該当する画像の記述について
<img ～～～～の中に、border="0">を試してみて
成功しました！
とっても感謝です。
本当にありがとうございました。

お礼日時：2010/08/26 22:10