質問 > フロント機能 > 商品一覧を横一列に並べたい! |
フロント機能
スレッド表示 | 新しいものから | 前のトピック | 次のトピック | 下へ |
投稿者 | スレッド |
---|---|
ゲスト |
投稿日時: 2008/11/7 18:06
対応状況: 開発中
|
商品一覧を横一列に並べたい! はじめまして、
「商品一覧ページ」に表示されている下のサイトのように、 決められた数分だけ横一列に並ぶようにしたいのです。 リストウノ オススメ商品ブロックのタグをみようみまねで コードを貼り付けては見たのですが 画面が真っ白になってしまい、お手上げ状態です 具体的に実装するのはどのような条件のコードを前後に追加すればよろしいのでしょうか? よろしくお願いいたします。 [EC-CUBE] 2.3.0 [PHP] PHP 4.3.9 [データベース] MySQL 4.1.20 |
|
ゲスト |
投稿日時: 2008/11/8 10:41
対応状況: −−−
|
Re: 商品一覧を横一列に並べたい! 検索したらまったく同じ質問が以前に出ていました。
申し訳ないです user_data/のcss/products.css部分を修正 修正前 /* 商品 ----------------------------------------------- */ div.listarea { clear: both; width: 580px; padding: 20px 0 30px 0; overflow: auto; background: url("../img/common/line_580.gif") no-repeat bottom; } 修正後 /* 商品 ----------------------------------------------- */ div.listarea { width: 130px; padding: 20px 0 30px 0; overflow: auto; background: url("../img/common/line_580.gif") no-repeat bottom; float: left; } widthの値を変更して、clear: both;を削除し、float: left;を追加しました。 追記 商品一覧で画像/価格/カートボタンのみを表示するように list.phpを修正しています。 |
|
sakurai07 |
投稿日時: 2009/2/5 17:36
対応状況: −−−
|
長老 登録日: 2008/2/29 居住地: 投稿: 179 |
Re: 商品一覧を横一列に並べたい! できました〜ありがとうございます。
|
seasoft |
投稿日時: 2009/2/6 2:20
対応状況: −−−
|
神 登録日: 2008/6/4 居住地: 投稿: 7367 |
Re: 商品一覧を横一列に並べたい! 以前に別スレで話題になりましたが、この方法だと IE のレンダリングに関するバグを突いてしまうことがありますので、ご注意ください。
|
スレッド表示 | 新しいものから | 前のトピック | 次のトピック | トップ |