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

楽天のリンクは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制作の仕事をしています。
NEVERまとめの実績公開や手作り作品の記録など書いてます。

最新記事

amazonの返品で定形外郵便は使えるのか? Jun 27, 2018
またもや娘の短パン/ポケット付きアレンジ Jun 06, 2018
暑くなったので次男のハーフパンツ作りました。 Jun 01, 2018
自作アイロンプリントで手作りTシャツ作りました! May 29, 2018
新しいミシン、届いた~~! May 28, 2018
ハギレ消費!娘のパジャマ用Tシャツ作りました May 28, 2018
ミシン、買ってもらった! May 19, 2018
子ども乗せ自転車、フロントシートをかごに取り換えました! May 18, 2018
子ども会の運動会、準備って大変だー May 09, 2018
まだまだ続くよ、短パン作り May 09, 2018

検索フォーム

買い忘れないですか?

ランキング

アクセスランキング

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

[サブジャンルランキング]
手芸・ハンドクラフト
496位
アクセスランキングを見る>>
にほんブログ村 ハンドメイドブログ 子供服(洋裁)へ
にほんブログ村