ＴＯＰページに横並びｄせ画像とタイトルを表示したい (No. 991)

質問

あるクライアントのページリニューアルを手がけておりまして、その中でＴＯＰページに新商品名と画像を３つ横並びで表示したいと考えております。
Short_list.htmlでTABLEを使って、<td>で商品を制御する方法を考えておりますが、ほかに方法がございますでしょうか？。
それとも、他のＷＥＢページで、横並び画像＆タイトル表示しているような導入事例がございましたら、ご教授ください。

回答

表示する件数が決まっていれば、ご計画の通り <table> タグでの表示が可能です。

■その他の方法

その他の方法としては、CSS を使用して "float: left" を指定した <div> タグを繰り返して表組み風にする方法もございます。

この方法は、以下のページでご案内しておりますのでご参照下さい。

○「画像付 ウェブページ更新ツール」のサンプル
http://sugutsukaeru.jp/support/165/index.html

○「画像付 ニュースページ更新ツール」のサンプル
http://sugutsukaeru.jp/support/218/index.html


いずれの例も、製品は「大容量版」でも同じです。
また、製品内の「全一覧」（ webdir/index.html ）について編集方法をご案内しておりますが、「短い一覧」（ webdir/index_short.html ）の場合も方法は同じです。

「短い一覧」の場合は、編集するテンプレートを以下の様に読み替えて下さい。

templates/article/article_list.html -> short_list.html
templates/article/article_list.txt -> short_list.txt