楽天商品リンクの外側の枠とりたい

 

楽天の商品リンクを1つブログに貼ったけど

 

なんで、横幅いっぱいに外側の枠が表示されちゃうんだろう・・・・取りたいなあ。

 

そう思ったことはないでしょうか?

 

 

このような ↓ 感じになってしまいますよね。

 

 

マスクDEガード 5枚入り×20袋

マスクDEガード 5枚入り×20袋
価格:3,500円(税込、送料込)

 

 

これだと、見た目がよくないですし、外枠を表示させている意味もわからないですよね。

 

 

サイトへの訪問者って
結構、サイトページの見やすさというものをチェックしています。

 

ページを構成している文字や文章、画像のレイアウトは、
やはり、見やすくしたほうが、訪問者の記憶にも残りますからね。

 

 

そこで、その外枠をはずすためには・・・

 

ご紹介します。

 

 

商品リンクの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袋

マスクDEガード 5枚入り×20袋
価格:3,500円(税込、送料込)

 

 

 

 

 

 

 

 

 

 

 

 

 

スッキリしますよね。

 

 

これで、画像リンク右側の空いたスペースに文章を入れることもできます。

 

その文章の入れ方については、

 

あたらめて別の記事にして、ご紹介しますね。

 

 

 

 

楽天商品リンクを に並べる方法は、こちら。
こちらでは、外枠はつけた状態でご紹介しています。

 

           ↓ ↓ ↓

 

楽天商品の画像リンクを好きなように間隔空けて並べる方法

 



*-----------------------------------------------------------------------------------*

   最後までお読みいただき、ありがとうございます。
   記事が少しでも参考になれば幸いです。

                  ブログランキング・にほんブログ村へ