- ベストアンサー
イメージマップを貼った画像の周りが青い枠（リンクの文字の色）で囲まれてしまう
- みんなの回答 （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になりました。 ありがとうございました。
関連するQ&A
- 背景固定画像にイメージマップ
今、ホームページ・ビルダーver６でＨＰを作ってるんですが、 アイフレームの外に画像を置いて、その画像をイメージマップにしてメニューリンクを張りたいです。 普通に画像の挿入で入れた画像にはイメージマップが出来るんですが、 背景固定で背景として設置した画像にはイメージマップが出来ません。 どうやったら、背景固定で設置した画像にイメージマップでリンクを入れられるんでしょうか？？ 是非とも教えて下さい！！！！！
- ベストアンサー
- HTML
- ホームページビルダのイメージマップ編集のことで
ビルダー8を使ってホームページを作っています。画像の一部範囲にリンクを張りたくて調べたら、「イメージマップエディタ」を使うことがわかったのですが、「編集」メニュー⇒「かんたん編集」⇒とクリックしていっても「属性の変更」しか出てこなくて「イメージマップの編集」という選択が出てきません。 何か方法はあるのでしょうか。
- ベストアンサー
- その他（インターネット・Webサービス）
- １画像内に複数リンクを設定！イメージマップの作り方
１画像内に複数リンクを設定し、マウスをのせたとき枠を表示させたいのですが・・・ 参考イメージ http://www.mapion.co.jp/map/japan.html
- 締切済み
- HTML
- イメージマップをクリックしたら枠がでてしまいます。
<area shape="rect" coords="288,1,429,195" href="index.html" alt="ホーム"> このように画像にイメージマップでエリア設定したのですが、クリックするとイメージマップの枠がオレンジ色で表示されてしまいます。 CSSでborder:none;を適応させているんですが、枠が消えません。 普通の画像の枠は表示されません。イメージマップだけです。 どうしたら消えるでしょうか？ よろしくお願いいたします。
- ベストアンサー
- CSS
- イメージマップで画像変え
イメージマップで作成したリンクボタンを使って別の場所の画像を変えることはできるのでしょうか? またイメージマップを使っている画像を上の方法で変えることはできますか?
- 締切済み
- HTML
- イメージマップで保存したのにサーバーにUPしてもリンクがとびません
イメージマップで保存したのにサーバーにUPしてもリンクがとびません フォトショップCS２ フォトショップで作った画像の一部にリンクを飛ばしたくてイメージマップを使い、作成をし最適化をして画像だけにして保存をしました。保存形式がgif になっていたのでそれをサーバーにUpして画像が出てきたのですが、なぜリンクがとびません、イメージマップの作り方教えて下さい。 使っているパソコンはマックOSXです。 お願いします。
- 締切済み
- Mac
- イメージマップを使うと、一部のPCで元画像のリンクが反応しない
質問です。 HP制作中でちょっと困っているのですが。 HP上部に画像を一枚配置して、その画像にリンクを貼りました。トップページへ戻れるようにしました。それからその画像にイメージマップで別のリンクを貼ったところ、画像の方のリンクが反応しなくなってしまいました。 で、わからないところが、このリンクが反応しなくなる現象が一部のPCだけで起こるんです。HP制作をしている自分のPCでは特に問題なく、画像のリンクもイメージマップのリンクも反応してくれるのに、制作監督の方のPCで見るとリンクが反応しなくなってしまうんです。 イメージマップの設定をはずすと、画像のリンクはまた反応してくれるんですが、これについて何かわかるかたはいらっしゃいますか？ ちなみに制作は全てMacで行ってます。問題が起こっているPCのブラウザはsafariです。 HPは<div>をCSSで調整してレイアウトしてます。画像は<div="headerimage">という領域に入れてます。 そもそもイメージマップを使わないということも検討してるんですが、個人的に気になるので何かわかればいいなぁと質問させていただきました。 よろしくお願いします。
- ベストアンサー
- HTML
- イメージマップを使用している画像のロールオーバー、できる？
こんにちは、いつも教えてgooでは質問させていただいて、大変助かっております。 さて、本題なのですが、イメージマップを使用してある画像の一部にリンクをはっているのですが、その一部だけをロールオーバーで他の画像に差し替えることは可能でしょうか？ お分かりの方、回答いただけると助かります。 よろしくお願いします。m(_ _)m
- ベストアンサー
- JavaScript
- イメージマップを使うと、一部のPCで元画像のリンクが反応しない
こんばんは、早速質問させていただきます。 質問の内容はWEB制作についてです。 HPの上部に一枚の画像を配置して、その画像をクリックすると常にトップページに戻るようにリンクを貼りました。 それからその画像の一部にイメージマップで新たに別のリンクを貼ったところ、画像のリンクが反応しなくなってしまいました。 で、ここからがよく分からない点なのですが、このリンクが反応しなくなる現象が全てのパソコンで起こるわけではなくて、一部のパソコン（具体的には制作監督の方のPC）でだけ起きてしまうというところなんです。 制作している自分のPCでは画像のリンクも、イメージマップのリンクも問題なく反応しているのに、上記PCでは反応しなくなる。 イメージマップの設定をとると、画像のリンクはまた反応してくれるのですが、これについて何かわかる方いらっしゃいますでしょうか？ ちなみに制作はMacで全て行っていて、問題のリンクが反応しなくなるPCもMacのノート型です。ブラウザはsafariです。 HPの作りとしては<div>で領域を分けながらCSSでレイアウトを調整するスタイルで、画像は<div="headerimage">という領域に入れています。 現在は画像に別にイメージマップを設定して、それをトップページへのリンクにすることでとりあえず対応しています。そもそもイメージマップ自体を使わないという方法も検討中ですが、個人的にも気になっているので何か分かればいいなぁ、と質問させていただきました。 よろしくお願いします。 質問わかりにくければ追記いたしますので、ご指摘ください。
- ベストアンサー
- HTML
- ホームページビルダー７で一つの画像に複数のリンクを貼るには？
ホームページビルダー７で一つの画像に複数のリンクを貼るにはどうしたらよいのでしょうか。 ２０００では画像上で右クリックするとイメージマップを作るための専用エディタが開けるようになっていましたが、７にはその機能がないようです。 よろしくお願いいたします。
- ベストアンサー
- ホームページ作成ソフト
補足
さっそく回答ありがとうございます。 画像のボーダーというのが正直よくわかっていないのですが （普段見たことがない）HTMLソースの画像のところをほかの画像のソースと比べてみたら赤字になっていて、 border="0"というのがなかったので、幅と高さの後ろに入れてみたところ、赤字が直ってプレビュー画面でも枠が消えていました。 ありがとうございました。 もし、補足していただけるようでしたら CSの設定というのはホームページビルダーだとどこからするのか 教えていただけると助かります。