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

Question

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

Answer

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

Answer

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

Answer

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

Answer

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