パソコン・家電 最大1000ポイント当たる?♪♪楽天ブログテスト
468489 ランダム
 ホーム | 日記 | プロフィール 【ケータイで見る】 【ログイン】

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

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

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


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



では~
ジェーンおばさんの超初級編タグ講座
エプロンうさぎ(小)


さて~
このTシャツの絵を使ってご説明いたしましょう。
Tシャツ

↑こんな風にただ画像を表示させる時のタグは、

<IMG SRC="http://画像をUPした場所のURL" width="150" height="150" alt="Tシャツ">


imgタグを使ってこういう風↑に書きますね。
では、この画像をリンク画像にしてみましょう。

Tシャツ

画像にリンクを貼ったので、タグはこうなります。

 画像にリンクを貼っただけのタグ

<a href="http://plaza.rakuten.co.jp/48mid35live/8002"><IMG SRC="http://画像をUPした場所のURL" width="150" height="150" alt="Tシャツ"></a>


このリンク画像には、画像の外周に枠がついちゃってますよね。

さてさて、
では、このリンク画像の枠を消してみましょう♪

Tシャツ



ほら、消えた!
タグはこうです。

 リンク画像の枠の幅をborderで指定したタグ
(この場合枠を消したいので、border=0)

<a href="http://plaza.rakuten.co.jp/48mid35live/8002"><IMG SRC="http://画像をUPした場所のURL" width="150" height="150" alt="Tシャツ" border=0></a>



AとBのタグの違いは、何かな~?
もうわかりましたね。
リンク画像の枠を消すためのタグは、
width="150" height="150" alt="Tシャツ"の後にいれたborder=0なんですよ~

border=の後の数字を大きくすると、
リンク画像の枠の幅は大きくなります。

こんな風
Tシャツ

画像の枠をborderで大きくした場合のタグ
(この場合は、border=5)

<a href="http://plaza.rakuten.co.jp/48mid35live/8002"><IMG SRC="http://画像をUPした場所のURL" width="150" height="150" alt="Tシャツ" border=5></a>




リンク画像の枠を消すためには、
border=0と書いて、「枠の幅はなしだよ!」と指定してやる必要があるんですよね^^




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




昨日のリンク画像の透過実験

私がいつもおじゃましているサイト
NOMさん
のところからいただいた画像にリンクを貼り付けてみよう!

ホーム



やっぱり□で囲まれてしまいました。
へんだな?
他のページでは、□は出ないのに
日記の本文ではこうなってしまうわけなんだ・・・

じゃあ「table」で囲めばいいわけ?





ホーム


透過してるけど、□は残ってるよ

うーん



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

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





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

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

高級料理、たまにはいかが?!2005-05-28 14:09:37
老舗の洋食屋さん!2005-05-28 14:09:37
中華料理が食べたい!
簡単・手作りのパン材料を売ってるお店
ふとんのページ2005-05-23 16:05:43


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

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




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





Powered By 楽天ブログは国内最大級の無料ブログサービスです。楽天・Infoseekと連動した豊富なコンテンツや簡単アフィリエイト機能、フォトアルバムも使えます。デザインも豊富・簡単カスタマイズが可能!

Copyright (c) 1997-2014 Rakuten, Inc. All Rights Reserved.