楽天商品リンクの外側の枠とりたい
楽天の商品リンクを1つブログに貼ったけど
なんで、横幅いっぱいに外側の枠が表示されちゃうんだろう・・・・取りたいなあ。
そう思ったことはないでしょうか?
このような ↓ 感じになってしまいますよね。
![]() マスクDEガード 5枚入り×20袋 |
これだと、見た目がよくないですし、外枠を表示させている意味もわからないですよね。
サイトへの訪問者って
結構、サイトページの見やすさというものをチェックしています。
ページを構成している文字や文章、画像のレイアウトは、
やはり、見やすくしたほうが、訪問者の記憶にも残りますからね。
そこで、その外枠をはずすためには・・・
ご紹介します。
商品リンクのHTMLタグをちょっといじります。
以下のように、<table で始まる HTMLタグのなかで
赤く塗りつぶした箇所 が外枠を作っているので、
そのタグを削除するだけです。
<table border="0" cellpadding="0" cellspacing="0"><tr><td valign="top"><div style="border:1px solid;margin:0px;padding:6px 0px;width:160px;text-align:center;float:left">
途中省略
target="_blank">マスクDEガード 5枚入り×20袋価格:3,500円(税込、送料込)</span><br></p></div></td></tr></table>
すると、外枠が消えてくれます。

マスクDEガード 5枚入り×20袋
価格:3,500円(税込、送料込)
スッキリしますよね。
これで、画像リンク右側の空いたスペースに文章を入れることもできます。
その文章の入れ方については、
あたらめて別の記事にして、ご紹介しますね。
楽天商品リンクを横 に並べる方法は、こちら。
こちらでは、外枠はつけた状態でご紹介しています。
↓ ↓ ↓