• 文字サイズ


解決済

スマートフォン用商品説明文でdiv、class、idタグを使いたい

  • 相談者:非公開
  • 2018/09/06 22:43
お世話になっております。
スマホ用の説明文に裏技【 =""】を使ってどうしてもdiv、class、idタグを使いたいのですが
裏技を使用しても

"td" の開始タグがありません。
"tr" の開始タグがありません。
"tr" の終了タグがありません。
"td" の終了タグがありません。

とエラーが出てしまいます。
何か間違いがあるのでしょうか?
教えていただけましたら幸いです。

以下問題のソースを記載いたします。

<table width="100%">
<tr>
<td align="center"><img src="https://image.rakuten.co.jp/SHOP-URL/cabinet/suka/muzis/scs403-01.jpg" width="100%"><br>
<br>
<img src="https://image.rakuten.co.jp/SHOP-URL/cabinet/suka/muzis/scs403-02.jpg" width="100%"><br>
<br>
<img src="https://image.rakuten.co.jp/SHOP-URL/cabinet/suka/muzis/scs403-03.jpg" width="100%"><br>
<img src="https://image.rakuten.co.jp/SHOP-URL/cabinet/title/parts001/bn_color_toiawase.jpg" width="100%"><br>
<br>
<img src="https://image.rakuten.co.jp/SHOP-URL/cabinet/suka/muzis/scs403-04.jpg" width="100%"><br>
<img src="https://image.rakuten.co.jp/SHOP-URL/cabinet/suka/muzis/scs403-05.jpg" width="100%"><br>
<img src="https://image.rakuten.co.jp/SHOP-URL/cabinet/title/souryou/bn_optionorder.jpg" width="100%"><br>
<br>
</td>
</tr><tr>
<td align="center"><img src="https://image.rakuten.co.jp/SHOP-URL/cabinet/suka/sc06001-1/scs-sugoi.jpg" width="100%"><br>
<br>
<img src="https://image.rakuten.co.jp/SHOP-URL/cabinet/title/parts001/bn_nihonseiotoku.jpg" width="100%"><br>
<br>
</td>
</tr><tr>
<td align="center">
<div id="sayoitem" ="">
<table class="sayoitem-all" border="1" ="">
<tr>
<th colspan="2"><font size="+1">■商品詳細</font></th>
</tr><tr>
<th>商品名</th>
<td>ウエストゴムタイプ・無地シフォンスカート(プルオンスカート)</td>
</tr><tr>
<th>商品番号</th>
<td>scs403</td>
</tr><tr>
<th>サイズ展開</th>
<td>
<table class="sayoitem-size" ="">
<tr>
<th colspan="4">サイズ表</th>
</tr><tr>
<th>表記</th>
<th>JM</th>
<th>JL</th>
<th>大人M</th>
</tr><tr>
<th>適応身長</th>
<td>115~130cm</td>
<td>135~150cm</td>
<td>150~165cm</td>
</tr><tr>
<th>ウエスト</th>
<td>46cm~</td>
<td>50cm~</td>
<td>60cm~</td>
</tr><tr>
<th>最長部スカート丈</th>
<td>約26cm</td>
<td>約30cm</td>
<td>約51cm</td>
</tr></table ="">
</td>
</tr><tr>
<th>カラー展開</th>
<td>・ブラック(黒)<br>
・ホワイト(白)<br>
・ラベンダー(薄紫)<br>
・ブルー(水色)<br>
・ピンク(パステルピンク)</td>
</tr><tr>
<th>素材</th>
<td>シフォン(ポリエステル100%)</td>
</tr><tr>
<th>製造</th>
<td><b><font color="#ff0000">純・日本製</font></b>(生地/ゴム/糸 全て国産・日本縫製)</td>
</tr><tr>
<th>商品説明</th>
<td>●スカートなしのレオタードの上に最適!ウエストがゴム仕様なので、いつものレオタードの上からサッとかぶせるだけでなのでお着替えも楽ちんです♪<br>
●ウエストが<a href="https://sayoitem.rakuten.co.jp/sayori/795820/" target="_blank">リボンひもタイプの巻きスカート</a>との違いは、ゴムがフィットしてずれにくいので、気にならずに踊れます! 大人サイズも揃えておりますので、巻きスカートが苦手な方にはこちらをオススメいたします!!<br>
●1枚持っておくだけで簡単に印象チェンジできるので、バレエレッスンのモチベーションがUPできること間違いなしですよ~!<br>
●透け感があるシフォン素材なので、踊るたびにしなやかに揺れます★<br>
●バレエだけでなく、新体操、その他ダンスウエアのオーバースカートとしてもオススメ!<br>
●ワンポイントのオプションでカスタマイズ!ラインストーンが付いたリボンと巻きバラ、2種類からお選びいただけます♪(別売)<br>
●バレエだけでなく、新体操、その他ダンスウエアのオーバースカートとしてもオススメ!</td>
</tr><tr>
<th>注意事項</th>
<td>●サイズについて、弊社企画サイズになります。商品によって若干の差異がございますこと予めご了承ください。<br>
●スカートのサイズタグは外側からみて若干透けるようになっております。目立たぬよう小さなタグを採用しておりますが、気になる場合には布地を傷つけないよう十分ご注意の上、サイズタグを切ってお使いください。<br>
●生地の特性上タンブラー乾燥はお避けください。<br>
●色合いはモニタ環境、撮影環境によって若干の誤差があります。ご了承ください。</td>
</tr><tr>
<th>配送方法</th>
<td>メール便対応</td>
</tr><tr>
<th colspan="2"><font size="+1">■関連商品</font></th>
</tr><tr>
<td colspan="2">
<table class="sayoitem-kanren" ="">
<tr>
<td><p>▼ドット柄、花柄など素敵な柄が勢揃い!【柄物スカート一覧】</p></td>
<td><p>▼ウエストひもタイプ★【エレガント巻きスカート】</p></td>
</tr><tr>
<td><a href="https://sayoitem.rakuten.co.jp/sayori/c/0000000474/" target="_blank"><img src="https://image.rakuten.co.jp/SHOP-URL/cabinet/suka/scs201.jpg" border="0" width="100%"></a></td>
<td><a href="https://sayoitem.rakuten.co.jp/sayori/795820/" target="_blank"><!-- 11枚目以降の画像 --><img src="https://image.rakuten.co.jp/SHOP-URL/cabinet/suka/sc06001-1/scs406.jpg" border="0" width="100%" =""><!-- /11枚め以降の画像 --></a></td>
</tr><tr>
<td><p>▼欲しいカラー、サイズがない場合はこちら【予約販売ページ】</p></td>
<td><p>▼当店売上No.1レオタード!【リボンパッセ】</p></td>
</tr><tr>
<td><a href="https://sayoitem.rakuten.co.jp/sayori/scs403-yk/" target="_blank"><!-- 11枚目以降の画像 --><img src="https://image.rakuten.co.jp/SHOP-URL/cabinet/suka/muzis/scs403-yk.jpg" border="0" width="100%" =""><!-- /11枚め以降の画像 --></a></td>
<td><a href="https://sayoitem.rakuten.co.jp/sayori/sil004lyc" target="_blank"><!-- 11枚目以降の画像 --><img src="https://image.rakuten.co.jp/SHOP-URL/cabinet/sayoricom/rb_passe/sil004-raikura.jpg" border="0" width="100%" =""><!-- /11枚め以降の画像 --></a></td>
</tr>
</table ="">
</td>
</tr>
</table ="">
</div ="">
<br>
<br>
<a href="https://item.rakuten.co.jp/SHOP-URL/ITEM-URL/" target="_blank"><!-- 11枚目以降の画像 --><img src="https://image.rakuten.co.jp/SHOP-URL/cabinet/title/parts001/bn_sokunoupage.jpg" width="100%" =""></a><br>
<br>
</td>
</tr>
</table>
投稿内容について報告する

今気になってる疑問、
セミナーに参加すれば解決するかも!?
日本全国のネットショップ12,000社が参加!
ネットショップでお悩みがある方はまずはオンラインセミナーへGO!
広告0円で楽天の売上アップ続出!
ECマスターズチャンネルをチェック!
総視聴回数15万回突破!
最新の対策事例やSALE対策など、売上にお困りの方はぜひご視聴ください!

  • 返信者:非公開
  • 2018/09/07 13:46
<tr>
<td align="center">←これの終了タグ?
<div id="sayoitem" ="">
<table class="sayoi………(省略)………
  • 返信者:非公開
  • 2018/09/07 13:51
ECマスターズの田中です。

いただいたソースを確認した所、
裏技を利用した<table>タグが入れ子になっていることが
原因であることがわかりました。………(省略)………
  • 返信者:非公開(質問者)
  • 2018/09/07 14:00
皆様ありがとうございました!
テーブルタグが入れ子になっていた事で複雑化していたのですね…
もう少し作業を簡素化にしたいので、CSSの構造を見直してみようと………(省略)………
  • 返信者:非公開
  • 2018/09/07 14:38
おーートンチンカンな回答してたみたいで申し訳m(__)m
ややっこいですね、RMS………(省略)………
このフォーラムへの質問は終了しました