テーブルの余白がきかなくなりました

Question

お世話になります。

他店のトップページを真似てトップページやヘッダー・フッター等のデザインを変えたのですが、
PCのカテゴリーページに記載していたテーブルの余白がきかなくなりました。

デザインを変更した際に、CSSそのような設定になる要素を入れてしまっているのかと思うのですが、
ヘッダー・フッター・レフトナビに入れると、CSSの余白指定を無効にできるような方法やタグはございませんでしょうか。
もしくは、余白が入る方法などを教えて頂きたいです。
因みに、スマホは通常通り余白が入って表示されています。

▼カテゴリーページ
https://item.rakuten.co.jp/eroeroe/c/0000000151/

お手数ではございますが、ご確認の程よろしくお願い致します。

Accepted Answer

ECマスターズの伊藤です。

> おっしゃる通り、スマホ表示と同様に画像ごとに左右上下に余白を入れたいです。

ご確認いただき、ありがとうございました。

確認したところ、
css/style2.css

に記述されている
table{border-collapse: collapse;border-spacing: 0;}
が原因となって、余白が効いておりませんでした。

他の
css/style2.css
が適用されているページすべてに、
影響しても問題がなければ、
上記記述の削除、

たのページへの影響を配慮する場合は、
対象のページのtableの下に

td.category_uppertext td{padding:10px} 

を追加して、思い通りの見た目となっているか、
ご確認をお願いいたします。

Answer

ECマスターズの三輪です。

> 他店のトップページを真似てトップページやヘッダー・フッター等のデザインを変えたのですが、
> PCのカテゴリーページに記載していたテーブルの余白がきかなくなりました。

余白を入れる方法で考えた場合、
PCのカテゴリーページも、
1DAY、NEW商品等
スマホ表示と同様に画像ごとに左右上下に余白を入れたいという認識でよろしいでしょうか。
https://ec-masters.gyazo.com/10f3827113c2049c19ab36d2bd8fdc15

Answer

三輪様

ご連絡をありがとうございます。
おっしゃる通り、スマホ表示と同様に画像ごとに左右上下に余白を入れたいです。

ご指導くださいます様、どうぞよろしくお願い致します。

Answer

ECマスターズの星です。

週明け担当より回答いたしますので今しばらくお待ちください。
お待たせして申し訳ございませんが何卒よろしくお願いいたします。