アプリ版:「スタンプのみでお礼する」機能のリリースについて

こんにちわ。
HTMLでHPを作成しています。

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

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

A 回答 (5件)

No.1のものです。



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

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

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

参考URL:http://www.oct.zaq.ne.jp/satsuki/web_lab/javas/
    • good
    • 0

こんにちは。

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

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

違う画像を表示するには、JavaScriptを使用します。


「onMouseOver JavaScript 画像」などで検索すると見つかると思います。
    • good
    • 0

#1の方に追加・・・



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

HTMLファイルや、画像などは「"」(ダブルコーテーション)で
囲うようにしましょう
    • good
    • 0
この回答へのお礼

できました~♪
ありがとうございますm(__)m

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

お礼日時:2003/04/10 17:59

「border=0」を追加すればよいです。


つまり、
<a href=xxxx.html><img src=xxxx.jpg border=0></a>
    • good
    • 0
この回答へのお礼

できました~♪
どうもありがとうございます(^_^)

お礼日時:2003/04/10 17:58

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!