- ベストアンサー
画像にリンクをはった時にできるブルーの枠・・・・・
- みんなの回答 （3）
- 専門家の回答
質問者が選んだベストアンサー
画像が少ない場合は、border=0を記述してもいいですが、多い場合はスタイルシートでの指定をお勧めします。 <html> <head> <title>タイトル</title> <style> img{border:none} </style> </head> <body> ～ で全ての img タグに対してborderを非表示に出来ます。 一応…。 styleタグは type 属性が必須、imgタグは src 属性及び alt 属性が必須です。 DTDやスクリプト言語指定、その他云々は今回は省略します。
その他の回答 (2)
<img> 要素（タグ）に、border="0" と付け加えてください。 <a href="～.html"><img src="/lib/～/GIF画像" border="0" alt=""></a>
お礼
とても分かり易くて簡単に出来ました！本当にありがとう御座いました。
- cyobi-san
- ベストアンサー率28% (30/104)
<img src="/lib/～/GIF画像" width="バナーの横サイズ" height="縦のサイズ" border="0">
関連するQ&A
- 画像をリンクすると枠がついてしまう・・・。
パソコン初心者です。はじめてＨＰを作成しています。 ＨＴＭＬの本で見ながら悪戦苦闘してます。 以下のようなタグで画像からメールへのリンクをはると、画像に青色の枠がついてしまいます。どうしたら消すことができるのでしょうか？ <A HREF="mailto:xxxxxxx@mail.goo.ne.jp"> <IMG SRC="http://www.xxxxx.?????.ne.jp/??????/emailrote.gif"></a> お願いします。
- ベストアンサー
- HTML
- リンクした画像の大きさをしていするには？
たとえば、 <a href="a.jpg" target="_blank"><img src="00.gif"> だとして、00.gifからa.jpgにリンクするのですが、 画像が小さいのに、大きな画面の中にその画像が はじっこに出てしまいます。 画像がぴったしになるように大きさを 指定するにはどうしたらいいのですか?
- ベストアンサー
- その他（インターネット・Webサービス）
- 指定時間ごとに画像とリンク先を変えるには？
バナーが指定時間ごとに変わるページを 作りたいと思っているのですが 下記のソースではどうもうまくいきません。 <HTML> <HEAD> <META HTTP-EQUIV="Content-Type" CONTENT="text/html;CHARSET=x-sjis"> <TITLE>指定時間毎に画像とリンク先を変えるには？</TITLE> </HEAD> <BODY BGCOLOR="#ffffff" onLoad="banner()"> <SCRIPT language="JavaScript"> <!-- num=1; function banner(){ if(num==1){ document.photo.src="img/no_0.gif", document.photo.href= "http://www.test.co.jp/0"; num=2; }else if(num==2){ document.photo.src="img/no_1.gif", document.photo.href= "http://www.test.co.jp/1"; num=3; }else if(num==3){ document.photo.src="img/no_2.gif", document.photo.href= "http://www.test.co.jp/2"; num=4; }else if(num==4){ document.photo.src="img/no_3.gif", document.photo.href= "http://www.test.co.jp/3"; num=5; }else if(num==5){ document.photo.src="img/no_4.gif", document.photo.href= "http://www.test.co.jp/4"; num=6; }else if(num==6){ document.photo.src="img/no_5.gif", document.photo.href= "http://www.test.co.jp/5"; num=1; } setTimeout("banner()",5000); } //--> </SCRIPT> <a href="http://www.test.co.jp/ng" NAME="photo"><IMG SRC="img/1.jpg" NAME="photo" ALIGN="BOTTOM" WIDTH="60" HEIGHT="110" BORDER="0"></a> </BODY> </HTML> 画像は変わるのですがリンク先が変わらないようで…。 どなたかご指示をいただけないでしょうか？
- 締切済み
- その他([技術者向] コンピューター)
- 複数の画像を連動してロールオーバーさせたいのですが
宜しくお願い致します。 現在WEBショップを運営しているのですが、 「商品一覧ページ」から「商品詳細ページ」へリンクする画像が3つあり、 現在、それぞれの画像は個別にはロールオーバーするのですが、 3つの画像のどこにポインタを当てても、3つの画像全てが連動してロールオーバーするようにするにはどうすれば良いのでしょうか？ （3つの画像のリンク先は全て同じです） どなたかご存知な方がいらっしゃいましたらご教授頂けると幸いです。 宜しくお願い致します。 <td><p><A href="リンク先(1)" ><img src="img/商品名_1.gif" alt="" onmouseover="this.src='img/商品名_2.gif'" onmouseout="this.src='img/商品名_1.gif'" width="133" height="28" /></A></p> <p><A href="リンク先(1)" ><img src="img/詳細ページ_1.gif" alt="" onmouseover="this.src='img/詳細ページ_2.gif'" onmouseout="this.src='img/詳細ページ_1.gif'" width="133" height="18" /></A></p>
- ベストアンサー
- HTML
- 商品画像リンク （image_link）とは何です
商品画像リンク （image_link）とは何ですか？ Googleショッピングに出店するために商品画像リンク （image_link）を提出しなければなりません。 商品画像リンク （image_link）とは何ですか？ もしかして→<img src="http://brabra-star.lolipop.jp/1.jpg">これのimg src="から後ろの部分ですか？ この部分のことですか？http://brabra-star.lolipop.jp/1.jpg 宜しくお願いします
- ベストアンサー
- ネットトラブル
- 画像をリンクボタンにしたときに出る「枠」を消したい・・
<A HREF="リンク先のＵＲＬ"><img src="画像のＵＲＬ"></A> ↑この方法でリンクボタンを作ったところ、 どうしても画像のまわりを「四角い枠」が囲んでしまいます。 この「枠」を消す方法を・・ 教えて下さい。
- ベストアンサー
- HTML
- Dreamweaverテンプレート内のナビ画像を、ページに合わせて変更
グローバルナビを画像（img src）で作成し、Dreamweaverでナビをテンプレート化しています。以下のような構造です。 <ul id="Navi"> <li><a href="link1.html"><img src="link1.gif" /></a></li> <li><a href="link2.html"><img src="link2.gif" /></a></li> <li><a href="link3.html"><img src="link3.gif" /></a></li> <li><a href="link4.html"><img src="link4.gif" /></a></li> <li><a href="link5.html"><img src="link5.gif" /></a></li> </ul> 疑問なのですが、上記のナビゲーションをdwtでテンプレ化すると、各HTMLファイルではナビ部分はロックがかかって編集できなくなりますが、その状態で、 「ナビ内の、今いる階層に対応したボタンの色を変える（＝別の画像にする）」 方法は何かありますでしょうか？ （例：会社概要のページにいる時はナビ内の「会社概要」ボタンの色を変える） コーディングのTips、.jsライブラリ、どんな解決策も大歓迎です。 ユーザビリティの確保＋作業の効率化のため、是非解決したい問題ですので、宜しくお願い致します。
- 締切済み
- CSS
- 画像の切り替えの記述形式について
<a href="#A" onclick="document.A.src='../img/gif/B1.gif'"><img src="../img/gif/A1.gif" alt="" width="133" height="176" name="A" id="A" /></a> 画像としてA1.gifがあるのですが、A１.gifを押すと、リンク先のB1.gifが呼び出されて、変更されるというスクリプトになっています。 上のような記述をしているのですが、この場合、指定している#Aのアンカーリンクを指定しているため、画像を押す事に移動してしまいます。移動をしないようにするにはどうしたらいいですか？ <a href="javascript:openURL('URL');"><img></a> このような形式で、アンカーリンクにならずに、上のような操作が可能になるという話を聞きました。 こういう場合、どのように記述したらいいですか？
- 締切済み
- JavaScript
- 外部ファイルの記述の仕方
HTMLにリンクを指定している画像にマウスが重なったときに画像を変化するようにHTML文法にJavaScriptを指定しているのですが、外部ファイル化したいのですがどのように記述すればよいでしょうか？ <a href="1.html"> <img src="menu01.gif" onMouseOver="this.src=\'menu11.gif\'" onMouseOut="this.src=\'menu01.gif\'" height="30" width="138" > </a> <a href="2.html"> <img src="menu02.gif" onMouseOver="this.src=\'menu12.gif\'" onMouseOut="this.src=\'menu02.gif\'" height="30" width="138" > </a>
- ベストアンサー
- JavaScript
- 画像にリンクを張って、その画像にマウスポインタが乗ったときに画像に変化
画像にリンクを張って、その画像にマウスポインタが乗ったときに画像に変化が現れるようにしたいのですが方法がわかりません。どなた様かご指導のほどよろしくお願いいたします。 今回画像を以下に掲載させて頂きました。よろしければ見てみてください。 http://desktop10.web.fc2.com/11.gif 上記を見て頂くと、HOMEの下に赤い線が入っています。マウスポインタを合わせたときに上記のようにしたいと考えております。よってマウスポインタをあわせないときは、赤い線が表示されないようにしたいと考えております。このような場合はどのような記述が必要なのでしょうか？ 私はhtmlには以下のような記述をしました。 <a href="http://index.html"><img src="img/test.gif" alt="ボタン" width="115" height="48" /></a> どなた様か、ご指導のほどよろしくお願いします。
- ベストアンサー
- HTML
お礼
細かい説明までして頂きありがとうございました。とても助かりました！