鬼飛(おにとび)ブログ
パラグライダーで飛んでるおっさんの雑記ブログです

楽天アフィリエイト広告画像を、横に並べる方法

 自分はネットのアフィリエイト広告は頑なな程クリックしない癖に、己のブログにはせこい小銭稼ぎの為に入れ込んでいたりする訳ですが・・・。

 そんな広告の一つ、楽天アフィリエイト広告が、デフォルトで横並びで表示できないことに、「なんでやねーん!」とそんな風に思っていたところ、簡単な方法でそれが可能なことを知りました。

◇画像2つを横並びにする場合

 <table><tr><td>画像1</td><td>画像2</td></tr></table>

 上記を使うと、こんな感じになります。




◇画像3つを横並びにする場合

 <table><tr><td>画像1</td><td>画像2</td><td>画像3</td></tr></table>

 上記を使うとこんな感じになります。



 
 ただ、これだと、画像と画像の間に空白がなくぴっちり隣接してしまうので、見た目がみっともない感じになってしまいます。そこで、画像の間にスペースを入れる方法なのですが、テーブルタグには全角のスペースを<td></td>の間に入れてもスペースはあかないので、  <td>&nbsp;</td>  を挿入して、半角一文字分のスペースを入れるという方法が簡単なように思います。(もっといい方法があったら是非教えて下さい。)

 で、それを使ってバランスを取ったものがこちら


      




 
関連記事

更新の励みになります。
クリックで応援、お願いします。











  1. 2012/01/21(土) 23:49:50|
  2. 色々な話し|
  3. トラックバック:0|
  4. コメント:2

  

コメント

参考になりました!
ありがとうございます。

  1. 2013/01/28(月) 11:35:00 |
  2. URL |
  3. ネーム #-
  4. [ 編集]

お役にたてたなら

良かったです。

こういったコメントを頂けると励みになります。
ありがとうございました。

  1. 2013/01/29(火) 01:48:39 |
  2. URL |
  3. 高鬼 #bBUgYcK2
  4. [ 編集]

コメントの投稿

管理者にだけ表示を許可する

トラックバック

トラックバックURLはこちら
http://onitobi.blog20.fc2.com/tb.php/1381-ce710add