サポート » テーマ » 検索結果ページで、画像を横並びに表示したいです。

  • 解決済 organic ear

    (@organic-ear)


    宜しくお願いいたします。
    携帯ネットショップを中心に制作しております。
    いろいろ初心者で、全般理解が浅いので、申し訳ありません。

    css以外、html、xhtml、CHTML、php、一部javascriptを、
    いろんなサイトを参考に、見よう見まねで取り入れさせていただいております。

    商品数と種類が多いため、商品管理サイトを作成しております。
    こちらはPCサイトです。

    商品のサイト内検索結果ページ search.phpにおいて、

    検索結果のurl画像を横並びに表示し、たくさんの商品を一覧できるようにしたいのですが、

    どうすれば良いのかがわかりません。

    現状はTableタグを使用して、縦並びでの表示はできます。

    画像と商品番号(又は省略した商品名)のみを縦横いっぱいに、画面を埋めるように表示させる方法はありますでしょうか、(下のような感じです。)
    □□□□□□□
    □□□□□□□
    □□□□□□□
    □□□□□□□
    画面に合わせて横並びの数が変わるタイプでも、
    横幅を指定(指定するなら1000pxくらい)するタイプでも
    どちらでもいいです。

    どこに、(Search.phpのループ内?他のファイル?)
    どんな言語でどのようにコーディングすれば可能であるか、
    ご指導いただける方いらっしゃいましたらお願いいたします。

    説明不足でしたらご指摘いただけたら補足します。
    ちなみに画像は、urlにphpで、get custom field valueを含ませて、投稿画像コードを呼び出して表示させております。

    わかりにくかったら申し訳ありません。
    宜しくお願いいたします。

2件の返信を表示中 - 1 - 2件目 (全2件中)
  • 普通はCSSでやります。

    ループは理解されているようなので、表示するアイテム、もしくはソレを包括しているもの、例えばDIV等にCSSで
    float: left;
    等入れれば横並びになります。検索でお調べになるようでしたら、
    CSS float

    CSS clear
    あたりを調べればお望みの形になると思います。

    余談ですが、TABLEタグをレイアウトに使うのは非推薦ということを覚えておいてください。

    トピック投稿者 organic ear

    (@organic-ear)

    丁寧親切に本当にありがとうございます!

    さっそくCSS float: left; 商品一覧などで検索したり、

    本を参考に構築し始めました。

    横に並べる事ができました!

    とても助かりました。
    助けていただいてありがとうございました。
    _ (_ _) _ 

2件の返信を表示中 - 1 - 2件目 (全2件中)
  • トピック「検索結果ページで、画像を横並びに表示したいです。」には新たに返信することはできません。