スマートフォン用カテゴリ説明文　横列に画像を複数表示させる方法

Question

いつも、ありがとうございます。

スマートフォン用カテゴリ説明文にPCカテゴリ説明文上と同じHTMLを入れますと、「 "table" の終了タグがありません。  許可されないHTMLタグ "tbody" が入力されています。 」というエラーになってしまうので、いつもこれを除いて入力していますが、結果表示が縦一列になってしまったり画像間のスペースが短い表示になってしまいます。

当初作成の通り、横に画像を複数表示させた列を含む表示にすることは可能でしょうか？

Accepted Answer

ECマスターズの田中です。

HTMLを確認させていただきました。
こちらのHTMLには、以降の
が入っておりますので、
そこに先ほどの修正を加えていただいた結果、

　 "tbody" の開始タグがありません。  → が無い

　 許可されないHTMLタグ "tbody" が入力されています。  → が入っている

という理由で、エラーの表記が出ております。
（"table" の開始タグがありません。 というのは、がないという意味なのですが、
　この表記がでた理由は不明です）

タグは、スマートフォン向けのコンテンツに入れられない
禁止タグの扱いとなっておりますので、

お送りいただいたHTMLタグから、
2行目のと、最後から2行目のを
削除していただくことで、スマートフォン用カテゴリ説明文に
記入できる状態になります。
それぞれ削除の上、記入をお試しいただけますでしょうか。

Answer

ECマスターズの田中です。

＞当初作成の通り、横に画像を複数表示させた列を含む表示にすることは可能でしょうか？

PC用カテゴリ説明文（上）に入っているHTMLタグの末尾は
になっているという認識で間違っておりませんでしょうか。
その場合は、下記の2点をご修正願います。

・2行目のを削除
・末尾にを追記

なお、楽天のスマートフォン用ページの横幅は、
機種によって違いはありますが、
最も広いiPhone 6+で414pxとなります。

そのため、例えば横幅600pxの画像を設置したり、
横幅300pxの画像を横に2つ並べたりすると
横にはみ出る可能性がありますのでご注意ください。

携帯機種ごとの横幅については、
http://screensiz.es/phone
上記URLの DEVICE-W の数値をご参照ください。


なお、PC用カテゴリ説明文（上）において、
各タグの終了タグである、
各タグが不足している可能性があります。

終了タグがないと、
意図しない広範囲にタグが適用され、
ページ全体のレイアウトが崩れる可能性がありますので、

終了タグと対になるHTMLタグには、
必ず終了タグをご記載いただきますよう
よろしくお願いいたします。

Answer

ご返答戴き、ありがとうございます。

＞PC用カテゴリ説明文（上）に入っているHTMLタグの末尾は
になっているという認識で間違っておりませんでしょうか。
その場合は、下記の2点をご修正願います。

 で終了しています。

＞・2行目のを削除
・末尾にを追記

この部分を変更してみたのですが、以下の様な表示となり反映できませんでした。

　 "tbody" の開始タグがありません。 

　 "table" の開始タグがありません。 

　 許可されないHTMLタグ "tbody" が入力されています。 

元のHTMLはホームページビルダーにて作成しております。

厚かましく恐縮ですが、こちらのHTMLを確認して戴けますでしょうか？

（別にお送りします。画像はご指摘を戴きました大きさ以下に後ほど変更します。）

Answer

ありがとうございました。
今までの自らの誤りに気が付く事ができました。

これで前に進めます。
ありがとうございました。

スマートフォン用カテゴリ説明文 横列に画像を複数表示させる方法

スマートフォン用カテゴリ説明文　横列に画像を複数表示させる方法