画像にリンクを設定したら、枠が出来た。消したいけどできません

質問

こんにちわ。
ＨＴＭＬでＨＰを作成しています。

画像にリンクを張ったら、画像が四角い枠で囲まれてしまうです。

これを消すにはどうしたらいいの？

回答No.5

Spur

No.1のものです。

No.2の方が注意して頂いていますが、値を""で囲っても、''で囲っても、何も囲わなくてもかまいません。
ただ、値の途中に半角スペースや「,」や「;」などの記号を使う場合は囲う必要があります。

さて、画像を触ると絵が変わるものですが、「ロールオーバー」というテクニックです。
画像が１つの時は簡単なんですが、複数になると、とたんに難しくなるし、汎用性を持たせようとすると、むちゃくちゃ難しくなります。

画像１つで基本を覚えると良いでしょうね。
色々なサイトに説明がありますが、↓はどうでしょう？

参考URL：

http://www.oct.zaq.ne.jp/satsuki/web_lab/javas/

回答No.4

myeyesonly

こんにちは。線を消す方法はもういいようですね。
しかしちょっと気をつける事があります。
それは、そもそもこの線は「この画像にはリンクがしてあるよ」ってのが判る様に線が入るんです。
それを消しちゃうんだから、ページのどこかにその画像にリンクがしてある事を書いてあげた方が見る人に対して親切かなと思います。

あと、絵が変わるやつ、例えば参考ＵＲＬのシンセの写真みたいなやつですね？
これは、下の方もおっしゃるとおりＪａｖａＳｃｒｉｐｔなんですが、このページはソースが大変簡単なので、ぜひご覧ください。
Html タグをいじられる方ですから、この位のソースを見るのはそれほど苦労はないでしょう。
原理は、＜head＞～＜/head＞の間にある＜script～＞～＜/script＞
の間の記述で、そのページにアクセスした時に、とっかえひっかえするのに必要な画像データを読み込み、
＜a HREF="～" onMouseover="～" onMouseOut="～">
<img src="～" name="pict" border=0 width=300 height=225 align="left" hspace="30"></a>
の記述のところで、マウスが乗った時にとっかえひっかえします。
この部分の記述に"と'が出てきますが、"・・・・"の中でもう一組"～"を使いたい時は、'～'と書くというルールになってます。
つまり"・・'～'・・"という書き方になります。
これくらい判ればどうにか読めると思います。

回答No.3

the845t

違う画像を表示するには、JavaScriptを使用します。
「onMouseOver　JavaScript　画像」などで検索すると見つかると思います。

回答No.2

shy00

＃１の方に追加・・・

<a href="xxxx.html"><img src="xxxx.jpg" border="0"></a>

HTMLファイルや、画像などは「"」（ダブルコーテーション）で
囲うようにしましょう

お礼

できました～♪
ありがとうございますｍ（＿＿）ｍ

ついでに画像をマウスの上に乗せたとき
違う画像が現れるようにしたいのですが
それはどうしたらいいのでしょうか？

回答No.1

Spur

「border=0」を追加すればよいです。
つまり、
<a href=xxxx.html><img src=xxxx.jpg border=0></a>

お礼

できました～♪
どうもありがとうございます（＾＿＾）