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

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％で指定すれば、画像が最大サイズで表示されますので、左右に寄ってしまう事を回避する事はできます。宜しくお願い致します。

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

カテゴリーから探す