楽天の商品ページに画像を横並びで並ばせるコーディングについて

Question

楽天の商品ページ（PC・スマホ）で画像をテーブルで横並びに並ばせたいです。下記のようなイメージです。https://gyazo.com/ee9ad352a9976baca3d2749f8c00114bこちらの場合どういった記述でやるといいのでしょうか？ご教示の程よろしくお願いいたします。

Answer

ECマスターズの塚本です。いただきましたご質問ですが技術的なご質問となりますので、連休明けの回答となる予定です。お待ちいただければと思います。もしお急ぎの場合はこちらで調整しますので、その場合は改めてご連絡くださいませ。

Answer

承知いたしました。連休明けで大丈夫ですのでよろしくお願いいたします。

Answer

ライカさん、こんばんはお役に立てれるか、わかりませんが、下記のような「テーブルタグ作成ツール」がございます。よろしければ、ご参照ください(^^)↓https://www.tagindex.com/tool/table.htmlまた、他社無料ツールGoQSystemの一つ(レジよこメーカー)ですが工夫してバリエーションなども組めたりします。↓https://ranking.goqsystem.com/index.php当店例）https://item.rakuten.co.jp/SHOP-URL/ITEM-URL/失礼いたしました。

Answer

ECマスターズの伊藤です。> なんつれさん横並びの方法について、ありがとうございます。テーブル作成ツール拝見しましたが、細かい設定もでき、とても便利ですね。> 楽天の商品ページ（PC・スマホ）で画像をテーブルで横並びに並ばせたいです。なんつれさんがご回答くださいましたとおり、テーブルタグで作成するのがわかりやすい方法になります。確認させていただいたところ、なんつれさんご紹介頂いたサイトでの作成ですとライカさんの店舗ページでは、CSSが適用され、余白が表示されませんでした。そのため、余白をつけるCSSを追加したテーブルを作成しましたので、ご確認くださいますようお願いいたします。下記のテーブルでうまく表示できない場合、お手数ですが、設置したいページのURLをご連絡くださいますよう、お願いいたします。※クラス名 sample は、わかりやすい名前に修正をお願いします。＝＝＝＝＝HTML＝＝＝＝＝

＝＝＝＝＝＝＝＝＝＝※sample(3か所)は、上記で変更した名前にそろえて修正をお願いします。＝＝＝＝＝CSS＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝CSSの詳細は下記の通りとなりますので、必要に応じて修正をお願いいたします。ーーーーーCSS詳細ーーーーー/* CSS書き始めの宣言。他のCSSの記述とまとめる場合は、削除してください。 */ーーーーーーーーーーテーブルについては、デザインレシピにて詳細な説明がございますのでよろしければご覧ください。https://club.ec-masters.net/index.php?design_page3

楽天の商品ページに画像を横並びで並ばせるコーディングについて

カテゴリーから探す