- ベストアンサー
イメージマップを貼った画像の周りが青い枠（リンクの文字の色）で囲まれてしまう
現在、ホームページビルダーであるシステムの操作マニュアルを作っており 操作画面の項目をクリックすると説明文にリンクするように、イメージマップを使っています。 その画像すべてではなく、一部の画像が青い枠（リンクの文字の色を紫にしている場合は紫に）で囲まれてしまいます。 問題がない画像と比べて手順もまったく一緒なのですがなぜこうなるのか、直す方法はないのかご存知でしたら教えていただけますでしょうか？ 宜しくお願いします。
- みんなの回答 （3）
- 専門家の回答
質問者が選んだベストアンサー
- ベストアンサー
画像の borderが「0」になってないのでは？ 毎回 直接ボーダーの設定を入力するのが面倒なら ＣＳＳの設定で img {border:0;} を入れておくことをお勧めします。
その他の回答 (2)
> CSの設定というのはホームページビルダーだとどこからするのか ＣＳＳの設定は ソースから行うのが早いんですが。 ■ソースから編集する場合： <head>から</head>の間のどこでもいいので <style type="text/css"><!-- img {border: 0; } --></style> と入れておけば 画像を入れる度に設定しなくて済みます。 ■編集ページから設定する場合： どれでもいいので画像を選択した状態で 右クリック[属性の変更] 表示されたフォームの右下にある[スタイル]をクリック タグが「img」になっていることを確認しながら[編集]をクリック 「レイアウト」タブの[ボーダー]で「0」「ピクセル」と入力 →[OK]→[OK]→[OK] これで一括の設定が可能です。
お礼
ありがとうございました。 おかげさまで無事に怪しい青枠を消すことが出来ました。 タグも書いてくださりありがとうございます。 こんど、こちらを書いてやって見ます。
- taikon3
- ベストアンサー率22% (803/3613)
<body>タグで、リンクする枠線の色と、すでに見たリンク先の色が青や紫に指定してあるからです。 それらを背景色にしちゃえば見た目何も表示されなくなります（設定しないとデフォルトの色指定が自動的に着いちゃいます） http://www.htmq.com/html/body.shtml
お礼
同じページで複数の画像にイメージマップを設定しているのですが 画像によって枠が出るものと出ないものがあるので悩んでいました。 とりあえずボーダー「０」でOKになりました。 ありがとうございました。
補足
さっそく回答ありがとうございます。 画像のボーダーというのが正直よくわかっていないのですが （普段見たことがない）HTMLソースの画像のところをほかの画像のソースと比べてみたら赤字になっていて、 border="0"というのがなかったので、幅と高さの後ろに入れてみたところ、赤字が直ってプレビュー画面でも枠が消えていました。 ありがとうございました。 もし、補足していただけるようでしたら CSの設定というのはホームページビルダーだとどこからするのか 教えていただけると助かります。