イメージマップを貼った画像の周りが青い枠（リンクの文字の色）で囲まれてしまう

解決済

質問者：jj3desu
質問日時：2007/08/06 16:09
回答数：3件

現在、ホームページビルダーであるシステムの操作マニュアルを作っており
操作画面の項目をクリックすると説明文にリンクするように、イメージマップを使っています。
その画像すべてではなく、一部の画像が青い枠（リンクの文字の色を紫にしている場合は紫に）で囲まれてしまいます。
問題がない画像と比べて手順もまったく一緒なのですがなぜこうなるのか、直す方法はないのかご存知でしたら教えていただけますでしょうか？
宜しくお願いします。

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (3件)

ベストアンサー優先
最新から表示
回答順に表示

No.1ベストアンサー

回答者： noname#176215
回答日時：2007/08/06 16:16

画像の borderが「0」になってないのでは？

毎回直接ボーダーの設定を入力するのが面倒ならＣＳＳの設定で

img {border:0;}

を入れておくことをお勧めします。

この回答への補足

さっそく回答ありがとうございます。
画像のボーダーというのが正直よくわかっていないのですが
（普段見たことがない）HTMLソースの画像のところをほかの画像のソースと比べてみたら赤字になっていて、 border="0"というのがなかったので、幅と高さの後ろに入れてみたところ、赤字が直ってプレビュー画面でも枠が消えていました。
ありがとうございました。

もし、補足していただけるようでしたら
CSの設定というのはホームページビルダーだとどこからするのか
教えていただけると助かります。

補足日時：2007/08/06 17:04

通報する

- 0
- 件

通報する

No.3

回答者： noname#176215
回答日時：2007/08/06 17:23

> CSの設定というのはホームページビルダーだとどこからするのか

ＣＳＳの設定はソースから行うのが早いんですが。

■ソースから編集する場合：
<head>から</head>の間のどこでもいいので

<style type="text/css"></style>

と入れておけば画像を入れる度に設定しなくて済みます。

■編集ページから設定する場合：
どれでもいいので画像を選択した状態で右クリック[属性の変更]
表示されたフォームの右下にある[スタイル]をクリック
タグが「img」になっていることを確認しながら[編集]をクリック
「レイアウト」タブの[ボーダー]で「0」「ピクセル」と入力
→[OK]→[OK]→[OK]

これで一括の設定が可能です。