スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

楽天アフィリのリンクを横並びに

楽天のリンクはtabeleで囲われています。
これは、画像とテキスト配置して画像サイズが300のとき。

2つリンクを並べるとこんな感じ。

別にこれだけでもキレイだしいいんだけど
横並びにした方が省スペースだしいいよね。






横並びにしたい時はtdタグを追加してテーブルのセルを追加し
一つのtableにまとめてしまいましょう。


どういうことかというと、

一つ目のリンクの最後あたりにあるここの部分→ /td /tr /table
(直接タグを書くと表示されないのでタグの括弧は省略しています。)

/td の後ろに2つ目のリンクをつなげます。

ちなみに2つ目のリンクタグはこの部分から→ td valign="top" 

これでテーブルが一つにまとまり
リンクが横並びになりました。


さらに見やすくするために、div style~~にある
width="320"を300に変更し
cellspacing="0"のところ5に変更して間をあけています。





ちょっと面倒だけど、
今はアフィリのリンク自体も少ないしこうしてやってます。

もう少し増えたら別の方法考えよ。



下のは商品画像を128に変更したもの。
divサイズは145に変更して横並びにしています。

ちょっと手間だけど、並べた方が見やすいしキレイだ~




スポンサーサイト

コメント

非公開コメント

プロフィール

星パンチ

Author:星パンチ
3児の母で手芸や工作をしながらWEB制作の仕事をしています。
子供会役員する際に役に立つノベルティやワークショップ情報など色々調べたことを書いていきます。

検索フォーム

買い忘れないですか?

ランキング

アクセスランキング

[ジャンルランキング]
趣味・実用
12038位
アクセスランキングを見る>>

[サブジャンルランキング]
手芸・ハンドクラフト
2750位
アクセスランキングを見る>>
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。