楽天商品説明箇所の画像位置

Question

楽天PCの説明部分に画像を貼って購買率対策を指定言っているのですが、画像が左右に寄って表示されてしまいます。
これを防ぐにはどうすればいいですか？
PC説明文と販売用説明文に張り付けてます

Answer

ECマスターズの亀井(中村)です。

>楽天PCの説明部分に画像を貼って購買率対策を指定言っているのですが、画像が左右に寄って表示されてしまいます。
>これを防ぐにはどうすればいいですか？

HTMLタグの画像URLを指定するタグに
「width="100％"」という属性値を入れていただくと
画像のサイズが表示枠に対して100％のサイズで
表示される様になりますので、左右に偏って表示
される事は防ぐことが出来ます。

※記載例


なお、楽天のマニュアル上では、PC用販売説明文に
画像を貼る際のHTMLタグは下記の様に案内されて
います。

■ページデザインを設定する
https://navi-manual.faq.rakuten.net/design/000036875#link-12
------------------------------------------
商品画像を登録するには、以下をコピー＆ペーストしてください

HTMLタグ






------------------------------------------

「width="700"」で幅を指定するように案内されていますが、
画像の大きさをピクセルで指定すると、デバイスによっては
見切れてしまう場合もありますので、パーセンテージで
相対的に画像サイズを指定していただいた方が安全だと考えます。

なお、width属性は100%以下の指定でも設定できます。
表示可能な枠の中で、画像をどの程度のパーセンテージの
大きさで表示するのか、適切な値でご指定下さい。

また、PC用商品説文やPC用販売説明文で画像を
中央表示する際に有効なタグは＜center＞タグとなります。

B64186468さんの商品ページ内でも利用されて
いらっしゃる形跡がございますが、このタグを
設定されていても画像が中央表示されない場合は、
複数の＜table＞タグで要素をはさんでしまって
いる事が原因かもしれません。

不要な＜table＞タグや、正しく閉じられていない
（/でタグを閉じていない）要素が無いか、ご確認ください。

※取り急ぎ、imgタグの幅をWidth=100％で指定すれば、
画像が最大サイズで表示されますので、左右に寄って
しまう事を回避する事はできます。

宜しくお願い致します。