解決済
大きさの違う商品リンク画像を一列に並べるには。
最近、アフィリエイトを始めました。商品リンク画像での紹介が主ですが、大きさが若干違う商品リンク画像をキレイに横一列に並べる方法が解りません。
横一列に並べて商品リンク画像の下に説明を付けるところまではできましたが、画像の大きさが違うと並べた時に説明部分がガタガタになってしまいます。
よろしくお願いします。
2007-12-11 00:13の質問
この質問と回答を読んで役に立った場合は「役に立つ質問」に投票してください。投票が多い質問は、役に立つ質問一覧に掲載され、より多くの人に見てもらうことができます。
Ads By Google
回答(2)
2.
2007-12-14 16:15:36
table で囲う例(画像の上辺を揃えて説明文はセンタリング)：
下辺で揃える場合
top を bottom に変更
説明文の中央揃えが必要ない場合
align="center" を削除
※改行を<BR />に変換する設定の場合、<table>～</table>に改行を入れないで下さい。
<table> <tr valign="top"><td><img src="img/00.jpg" width="302" height="492" alt="画像１"></td><td><img src="img/02.jpg" width="414" height="600" alt="画像２"></td><td><img src="img/04.jpg" width="512" height="768" alt="画像３"></td></tr> <tr align="center"><td>画像１の説明</td><td>画像２の説明</td><td>画像３の説明</td></tr> </table>
下辺で揃える場合
top を bottom に変更
説明文の中央揃えが必要ない場合
align="center" を削除
※改行を<BR />に変換する設定の場合、<table>～</table>に改行を入れないで下さい。
回答レベル : 回答
なんとか解決することができました。
ありがとうございました。
1.
2007-12-11 01:57:01
・width height を同じにするとサイズは一緒になります。大きさがほぼ同じであればあまり気にならないかも知れませんが画像の伸縮があります。
・table で画像と説明文をそれぞれ囲うと横一列には並ぶと思います。
・table で画像と説明文をそれぞれ囲うと横一列には並ぶと思います。
自信度 : 自信なし 回答レベル : アドバイス
Ads By Google
コメント(2)
#1. Kokobu
2007-12-13 17:06:13
BLUEPIXYさん、ご回答ありがとうございます。
コメントが遅くなり申し訳ございません。
アフィリエイトの画像は今回は提供されてた大きさを使わなければならないのでwidth heightは変更できません。
あと、table で囲むと言うのは、具体的にどんなタグの並びになるのでしょうか。
画像を３枚並べようとしたら、３枚まとめてtableで囲むのでしょうか。それとも１枚１枚囲むのでしょうか。
すみません、初心者なもので。。。
よろしくお願いします。
#2. Kokobu
2008-01-10 23:02:48
BLUEPIXYさん、丁寧なご回答をありがとうございました。
PCの調子が悪く、コメントが遅くなってしまったことをお詫びいたします。
画像のほうは、なんとか並べることができました。
丁寧なご回答をありがとうございました。
