自社サイト　スマホ版テーブルタグ

Question

お世話になっております。

メイクショップのスマートフォン用の商品詳細内容入力で、
商品の内容量や賞味期限などをテーブルタグで作ったのですが、
maroonの色がWEBサイト上では反映されません。
何が原因でしょうか。
宜しくお願い致します。

該当のページはこちらです。スマホ版で見てください。
http://www.morinoen.com/shopdetail/000000000721/

コードは以下の通りです。




内容量
ティーバッグ5g×20個入り



賞味期限
約3か月



原材料
国産茶葉（静岡県本山茶）



宜しくお願いします。

Answer

ECマスターズの田中です。

ブラウザ間の見た目の違いをなくすために
導入されているスタイルシートによって、
背景色の指定が上書きされ、透明色に設定されていることが原因です。

bgcolor属性ではなく、スタイルシートで背景の指定を行ってください。
各タグに対して、

とstyle属性を追記することでも指定ができますが、

下記のように、styleタグの中に規則を記載することで、
各タグを変更せずに、まとめてmaroonの指定を行うことができます。


#description td:nth-child(1) {
    background: maroon;
}

Answer

ご回答ありがとうございます。



で試しましたら背景色が反映されました。
ただ、td同士の隙間があかないのですが、
どうしたらよいでしょうか。

cellspacingで隙間ができると思ったのですが、
茶色同士がくっついて見えにくくなっています。

宜しくお願い致します。

Answer

ECマスターズの田中です。

td同士の隙間も、同様にスタイルシートで上書きされておりますので、
タグに対して

border-collapse: separate;
border-spacing: 3px;

のように、スタイルシートを適用していただきますようお願いします。
（数字を大きくすると、間隔が広くなります）

Answer

遅くなり申し訳ありません。
解決いたしました。ありがとうございます。

自社サイト スマホ版テーブルタグ

自社サイト　スマホ版テーブルタグ