• 文字サイズ


解決済

PC用商品説明文に入れるHTMLのテーブルがうまくいかなのです

  • 相談者:非公開
  • 2020/11/18 15:26
PC用商品説明文に入れるHTMLのテーブルがうまくいかなのですが
どうすればよいですか?
すみません。急ぎなので宜しくお願いいたします。


<table width="500" height="700">
<caption>商品詳細</caption>
<tr>
<td class="title" width="100">商品管理番号</td>
<td width="400">SM00010350</td>
</tr>
<tr>
<td class="title">生産地</td>
<td>日本</td>
</tr>
<tr>
<td class="title">サイズ</td>
<td align="left">
<p>■商品名:チョコブラウニー<br>
■名称 :焼菓子<br>
■原材料:卵(北海道産)、チョコレート(砂糖、カカオマス、ココアバター)(乳成分・大豆を含む)、砂糖、小麦粉、マーガリン、ショートニング(食用植物油脂、食用精製加工油脂)、生クリーム、ココアパウダー、くるみ、牛乳、バター、ラム酒/香料、乳化剤(大豆由来)、酸化防止剤(V.E)、アナトー色素<br>
■内容量:1Kg<br>
■賞味期限:製造日より常温60日(約20日~60日弱賞味期限が残ったものでのお届けとなります)<br>■保存方法:直射日光および高温多湿を避け、常温で保存してください。<br>
■販売者:株式会社天然生活<br>
<p>〒141-0032 東京都品川区大崎3-6-4 トキワビル7F</p>
<p>※開封後は、賞味期限に関わらずお早めにお召し上がりください。<br>※本品製造工場ではそば、落花生を含む製品を製造しています。</p>
<p>■栄養成分表示(100g当たり)<br>
エネルギー  486kcal<br>
たんぱく質  8.1g<br>
脂質     30.1g<br>
炭水化物   45.6g<br>
食塩相当量  0.25g<br>
※推定値</p>
</td>
</tr>
</table>
<style>
table {
font-size:12px;
background: #EFEFEF;
}
caption {
color: #fff;
background-color: #FE9A01;
line-height: 20px;
}
td {
padding: 4px 8px;
border-bottom: 1px dotted #C8C8C8;
}
.title {
font-size: 12px;
border-right: 1px dotted #C8C8C8;
}
tr:nth-child(3) th{
border-bottom: 0;
}
</style>
投稿内容について報告する
今気になってる疑問、
セミナーに参加すれば解決するかも!?
今年4月から毎週オンラインにて開催し、これまでに1400社以上が参加された 90分で学べる楽天集客対策セミナーを12月11日(金)に開催します。 初めての参加で満足できるか不安な方には返金保証もお付けしております。 ぜひこの機会にご参加ください。

  • 返信者:非公開
  • 2020/11/18 16:58
ECマスターズの田中です。

実際に設置された様子が確認できないため
正確なご案内ができていない可能性がございますが、

ページ全体の背景色などが変わ………(省略)………