ネットショップの作り方｜ネットショップ作成：商品一覧ページ指定

商品画像の見せ方に関する指定です。楽天に代表されるテーブル構造ではなくリストタグとCSS指定で構築します。 サンプルは縦型と画面いっぱいに掲載するパターンの二つを説明します。尚、画像だけを表示するのであれば<ul>タグでCSSのfloat指定だけで十分ですが、ここでは金額やちょっとした説明、カート用のボタン設置を考慮します。 縦型配置サンプル サンプルページ <dt>を左へ<dd>を右へ配置。<dd>の中に<p>で段落を作っています。<p>部分に価格、商品名、カートへのリンクなどを入力。<dd>を繰り返しても良い。(下記サンプル：画面いっぱいに配置するサンプル) 商品の点数分<!--商品情報-->から<!--ここまで-->をコピペして使います。 <!-- コンテンツ ここから --> <h2>商品カテゴリー1 [商品掲載サンプル]</h2> <dl class="dl-list-01">