楽天のカテゴリページで縦長画像をつなげる方法

Question

お世話になっております。スライスした画像を商品ページのスマートフォン用商品説明分で縦に隙間なく並べるのは、
でうまくいっているのですが、スマートフォン用カテゴリ説明文で画像を縦に隙間なく並べるには、どのようにしたらよいでしょうか。宜しくお願い致します。

Answer

ECマスターズの田中です。※RMSの、禁止タグを入力できるバグを利用する方法ですので、　今後、RMSの改修により、使用できなくなる可能性があります。> スマートフォン用カテゴリ説明文で画像を縦に隙間なく並べるには、どのようにしたら> よいでしょうか。各タグに、スタイルシートを利用してvertical-align: bottom;上記プロパティを適用していただくことで、隙間なく並べることができます。スマートフォン用カテゴリ説明文内のimgタグに直接style属性を記載することはできませんので、.categorydescription img { vertical-align: bottom; } と書いたCSSファイルをGOLDの中にご用意いただき、スマートフォン用のカテゴリ共通説明文にて※CSSファイルのURLは、実際のURLに置き換えてご利用ください。上記のタグで読み込むことで、隙間をなくすことができます。この方法の場合、既存の画像も下の隙間が少なくなりますので、レイアウト崩れにご注意ください。

Answer

ご回答ありがとうございます。既存の画像も下の隙間がなくなるということですが、ほかのカテゴリのスマートフォン用カテゴリ説明文のimgすべて隙間なく並ぶということでしょうか？宜しくお願いいたします。

Answer

ECマスターズの田中です。> ほかのカテゴリのスマートフォン用カテゴリ説明文のimgすべて> 隙間なく並ぶということでしょうか？はい、おっしゃる通り、隙間なく並びます。並ばない場合は、間にスペースが入っているなど、何かしら別の理由がございます。

Answer

ご回答ありがとうございました！試してみます。

楽天のカテゴリページで縦長画像をつなげる方法

カテゴリーから探す