• ベストアンサー

画像をリンクすると枠がついてしまう・・・。

パソコン初心者です。はじめてHPを作成しています。 HTMLの本で見ながら悪戦苦闘してます。 以下のようなタグで画像からメールへのリンクをはると、画像に青色の枠がついてしまいます。どうしたら消すことができるのでしょうか? <A HREF="mailto:xxxxxxx@mail.goo.ne.jp"> <IMG SRC="http://www.xxxxx.?????.ne.jp/??????/emailrote.gif"></a> お願いします。

  • HTML
  • 回答数3
  • ありがとう数5

質問者が選んだベストアンサー

  • ベストアンサー
  • chirumi
  • ベストアンサー率35% (6/17)
回答No.2

あ、ごめんなさい。 <IMG SRC="http://www.xxxxx.?????.ne.jp/??????/emailrote.gif"> の中でした。 <IMG SRC="http://www.xxxxx.?????.ne.jp/??????/emailrote.gif" border="0"> でよかったと思います。

momoqoo
質問者

お礼

早速試してみたところ、枠が無くなってきれいになりました。 ありがとうございました。

その他の回答 (2)

  • 1986
  • ベストアンサー率22% (113/506)
回答No.3

chirumiさんの通り、 <IMG SRC="http://www.xxxxx.?????.ne.jp/??????/emailrote.gif" border="0"> でいいと思います。 「border="0"」で枠線を無しにするのです。

momoqoo
質問者

お礼

ありがとうございます。 私の購入した本は、あまり親切に説明が載ってなくてborder="0"の 記載がありませんでした。本当に助かりました。 もっと勉強本当にしなくては・・・。

  • chirumi
  • ベストアンサー率35% (6/17)
回答No.1

<A HREF="mailto:xxxxxxx@mail.goo.ne.jp"> の<>の中に border=0 っていうのを入れればよかったと思いますよ。 うろ覚えなんですが、試してみてください。

関連するQ&A

  • HTMLタグで素材画像にリンクを貼ったら…

    HTMLタグで素材画像にリンクを貼ったら、その周りを紫色の四角い枠が、その素材画像を囲んでしまいます。 この四角い枠を無くす方法は無いでしょうか? <a href="HP URL" title="コメント"><img src="画像URL"></A> こういうタグなのですが。 何か足りないタグがあるのだと思うのですが分かりません。 宜しくお願いします。

    • ベストアンサー
    • HTML
  • インラインフレームに画像を使うと枠がでる><

    HPについての質問です>< HTMLタグを使用して作成してるんですが・・・ インラインフレームでつくりたいんです。 http://www.htmq.com/html/iframe.shtml ↑これのかんじで おしたらURLがフレームにでるかんじでつくりたいんですが・・・ ここのはボタンが字なんですが・・・私は画像でつくりたいんです>< 画像だけでなくさらにロールオーバー(http://masaboo.cside.com/new_source/sr_15.html) でつくろうと思って頑張ってやったんですが・・・。 <a href="※※.html" target="sample"><img src="※※.gif" onmouseover="this.src='※※.gif'" onmouseout="this.src='※※.gif'"></a><br> こんな感じであと下にフレームをつけて <IFRAME src="※※.html" width="600" height="400" scrolling="NO" frameborder="0" style="border:1px dotted #000000;"></IFRAME> こんな感じでつくったら、なぜか画像(ボタン)に枠がついてしまって>< どうやったら消せますか!? 教えて下さい、お願いします>< (※画像はこうなってしまったってかんじなんですが・・・※)

  • 画像にリンクをはった時にできるブルーの枠・・・・・

    今あるショッピングページに出店しようと思いページを作成しているのですが、HTMLの記述でアップしなければなりません。 そこにgif画像を作りリンクを張ったんですが、その画像の周りにブルーのラインが出てきてしまいます。どのようにしたら消す事ができるのでしょうか?  素人ですいので分かり難いかもしれませんがよろしくお願いします。 ↓ このように記載しています。 <a href="~.html"><img src="/lib/~/GIF画像">

    • ベストアンサー
    • HTML
  • リンクの際に枠がついてしまい邪魔で困っています

    FC2でホームページを開設しているのですが、 画像をクリックしてリンクをさせたい時に、画像に枠がついてしまって困っています。 画像のまわりに必ず、その画像を囲むように四角く紫色や青色の太線の枠がついてしまいます。 色々タグをいじってみたのですが消えてくれません。 どなたか解決策がありましたら教えて頂きたいです…。 詳細:リンクをさせる際のタグは<a href="ファイル名" ><img src="about.gif" /></a> という形のものを使用しているのですがこれには問題はありませんよね…。 後は、新しいファイルを作る時に背景の色やLink色、VLink色等を決めますよね。 それが原因かと思い、↓のタグを消してみたりしたのですが、やはり枠は消えてくれませんでした。 <!-- body { color: #000000; background-color: #000000; } a.link { color: #000000; } a.visited { color: #000000; } a.active { color: #000000; } --> </style> 一体どのようなタグが原因で、枠がついてしまうのでしょうか?

  • 画像をリンクボタンにしたときに出る「枠」を消したい・・

    <A HREF="リンク先のURL"><img src="画像のURL"></A> ↑この方法でリンクボタンを作ったところ、 どうしても画像のまわりを「四角い枠」が囲んでしまいます。 この「枠」を消す方法を・・ 教えて下さい。

    • ベストアンサー
    • HTML
  • リンクした画像の大きさをしていするには?

    たとえば、 <a href="a.jpg" target="_blank"><img src="00.gif"> だとして、00.gifからa.jpgにリンクするのですが、 画像が小さいのに、大きな画面の中にその画像が はじっこに出てしまいます。 画像がぴったしになるように大きさを 指定するにはどうしたらいいのですか?

  • リンクする画像とテキストをくっつけるには?

    ブログでHTMLタグを使いたいのですがまだよく分かりません。 テキストをクリックしたらリンクするためのHTMLタグは次の通りですよね。 <a href="リンク先URL">表示するテキスト</a> 画像(写真)をクリックしたらリンクするためのHTMLタグは次のようになりますよね。 <A Href="リンク先URL"><img src="画像のアドレス"><A>  私は現在、テキストと画像の両方を同じサイトにリンクさせるのに、上の二つのタグを使っているのですが、本文に表示されると二つが離れてしまいます。よく、画像とテキストが一体化しているのを見るのですが、そうするにはどうしたらいいのでしょうか?ご教授願えませんか?

  • テキストエリアに画像URLを貼り付ける入力支援

    簡単なCGI日記を作成してますが、この入力フォームのテキストエリアに手動で画像URLのタグを入れるのが手間なので、 ↓ サーバーにある画像一覧が別窓(違うファイルから)で表示されていて(実際には画像表示ですが・・・) <a href="sample1.gif"><img src="sample1.gif"></a> <a href="sample2.gif"><img src="sample2.gif"></a> <a href="sample2.gif"><img src="sample2.gif"></a> ↓ 画像をクリックするとCGIのテキストエリア内に自動で <a href="sample1.gif"><img src="sample1.gif"></a>とタグを挿入するjavascriptってサンプルになるようなものはないでしょうか?

  • jQueryで画像にリンクを張りたい

    HTMLページに <img src="1.jpg" width="50" height="50" id="tes"> というタグがあるのですが、 ページが読み込まれたときに、 そのタグにaタグをつけて <a href="hoge.html" target="_blank"><img src="1.jpg" width="50" height="50" id="tes"></a> とリンクを張りたいのですが以下のような スクリプトを書いてみたのですが、 できません。 <script type="text/javascript"> $(function(){ $('<img />').append($('<a />',{ href:"hoge.html", target:"_blank" }) ) }); </script> jQueryがよくわかっていないのでめちゃくちゃなのだと思いますが、 そもそもこのように画像にaタグをつけることは可能なのでしょうか。 jQueryのバージョンは1.2.6を使っていますが、 新しいバージョンでも構いません。 よろしくお願いします。

  • ロールオーバー画像の枠線を消したい

    初めてホームページ作成中の超初心者です。 ロールオーバーで、下記のタグで表示させたのですが、画像の枠線が出てしまいました。 普通に<img src="img1.gif">と書くと出ない画像なんですが・・・ リンク画像の枠線を消すのと同じ要領でborder="0"とも書き加えてみましたが、(4ヶ所とも)今度は何も表示されなくなってしまいました。 <問題のタグのひな形> <a href="http://www-------"onmouseover = "document.bt.src = 'img1.gif'" onmouseout = "document.bt.src = 'img2.gif'"onclick = "document.bt.src = 'img3.gif'"><img src = "img2.gif" name="bt"></a> どうぞ宜しくお願いします!