リンク画像の枠を消す方法

実験室マップへ/リンク画像の枠を消す方法へ/MARQUEEタグの実験室へ/MARQUEEタグの実験室（その2）へ/画像とテキストの表示の実験へ/ｔａｂｌｅの実験室へ/動画実験室へ/スタイルシートの実験へ/日記枠の実験へ/古い日記へ/ドメインについてへ


リンク画像の枠を消す方法のメモとして、このページを作って、
「誰も見る人はいないだろう」くらいの気持ちだったのですが、
どうもそうでもないらしいので、ちょっと更新しました。2006/9/26

では～ ジェーンおばさんの超初級編タグ講座 さて～ このＴシャツの絵を使ってご説明いたしましょう。 ↑こんな風にただ画像を表示させる時のタグは、 <IMG SRC="http://画像をＵＰした場所のＵＲＬ" width="150" height="150" alt="Ｔｼｬﾂ"> imgタグを使ってこういう風↑に書きますね。 では、この画像をリンク画像にしてみましょう。 画像にリンクを貼ったので、タグはこうなります。 Ａ　画像にリンクを貼っただけのタグ <a href="http://plaza.rakuten.co.jp/48mid35live/8002"><IMG SRC="http://画像をＵＰした場所のＵＲＬ" width="150" height="150" alt="Ｔｼｬﾂ"></a> このリンク画像には、画像の外周に枠がついちゃってますよね。 さてさて、 では、このリンク画像の枠を消してみましょう♪ ほら、消えた！ タグはこうです。 Ｂ　リンク画像の枠の幅をborderで指定したタグ （この場合枠を消したいので、border=0) <a href="http://plaza.rakuten.co.jp/48mid35live/8002"><IMG SRC="http://画像をＵＰした場所のＵＲＬ" width="150" height="150" alt="Ｔｼｬﾂ" border=0></a> ＡとＢのタグの違いは、何かな～？ もうわかりましたね。 リンク画像の枠を消すためのタグは、 width="150" height="150" alt="Ｔｼｬﾂ"の後にいれたborder=0なんですよ～ border=の後の数字を大きくすると、 リンク画像の枠の幅は大きくなります。 こんな風 画像の枠をborderで大きくした場合のタグ （この場合は、border=5) <a href="http://plaza.rakuten.co.jp/48mid35live/8002"><IMG SRC="http://画像をＵＰした場所のＵＲＬ" width="150" height="150" alt="Ｔｼｬﾂ" border=5></a> リンク画像の枠を消すためには、 border=0と書いて、「枠の幅はなしだよ！」と指定してやる必要があるんですよね＾＾

以下は、ブログをはじめたばかりの私が
画像にリンクを貼ったところ、枠が表示される
うーん、何故なんだろう？と悩んだときの日記の転記です

昨日のリンク画像の透過実験 私がいつもおじゃましているサイト NOMさん のところからいただいた画像にリンクを貼り付けてみよう！ ↓ やっぱり□で囲まれてしまいました。 へんだな？ 他のページでは、□は出ないのに 日記の本文ではこうなってしまうわけなんだ・・・ じゃあ「ｔａｂｌｅ」で囲めばいいわけ？ 透過してるけど、□は残ってるよ うーん

この答えは、この日記に親切にコメントしてくださった「もりのねこ」さんのコメントの中にありました。
＜「もりのねこ」さんのコメント＞

img タグの中に、border=0　という部分があるか、どうか？　ですね♪　日記の部分でリンクつきの画像の枠をなくしたいときは、 width="60" height="30"　などの並びに　border=0　と入れれば、なくなるはず。

---

ジェーンおばさんとロボットの家のナビ

こんなロボットありました 家庭用ロボット掃除機 自分でロボット作ってみる？ ＩＨ　調理家電（調理器) プロジェクターがほしい チョコレート・ロボット

高級料理、たまにはいかが？! 老舗の洋食屋さん! 中華料理が食べたい！ 簡単・手作りのパン材料を売ってるお店 ふとんのページ

クリスマスページ ハッピー♪ハロウィン♪ スターウォーズ★グッズ★ スクウェア（スクエニ）のお部屋 主婦だってゲームやりたい

楽天のセレクトショップかも？ マッサージ機へ 塾がわりのソフトへ お家へ ロボット探しの入り口-楽天編 大きいサイズの洋服や靴とか～♪ 通学・通勤用自転車とママチャリ まとめ買いがお得なショップへ

ジェーンおばさんとロボットの家トップへ