CMS「すぐ使えるCGI」の開発者がご質問にお答えします

 

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

回答日: 2011-04-27
<< 掲示板一覧  >> 質問する

質問

あるクライアントのページリニューアルを手がけておりまして、その中でTOPページに新商品名と画像を3つ横並びで表示したいと考えております。
Short_list.htmlでTABLEを使って、<td>で商品を制御する方法を考えておりますが、ほかに方法がございますでしょうか?。
それとも、他のWEBページで、横並び画像&タイトル表示しているような導入事例がございましたら、ご教授ください。
投稿日時: 2011-04-27 19:04

回答

表示する件数が決まっていれば、ご計画の通り <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
回答日: 2011-04-27

さらに詳しく