カテゴリー
エッジプラス1テンプレートの質問

ランキングで画像の回り込みをしたい

いつもお世話になっております。
E004を使用しているのですが、各ランキングを作成した際に、画像が左側に来て文字が右側に来ているのですが、
この文字を画像に回り込ませる事は可能でしょうか?

ランキングの商品紹介文が結構長くなってしまい、文字がず~っと右側に表示されるのが変な感じになってしまいます。
何か良い方法があれば教えていただけたらと思います。

「ランキングで画像の回り込みをしたい」への2件の返信

お世話になります。

ランキング部分の記事の回りこみですが、
これは下の画像のように見えないDivという枠で囲んでブロックわけしているので、
記事の回りこみはできません。
レスポンシブでスマホ表示の時に画像の下に文字が移動するように構成しているからです。

ran_setsu

ですので、文字数を減らして、重要なテキストをTOPに、後は下層ページに書くなどの対応をお願いします。
もしくは下の画像のように、縦長の画像を使うなどしていただいてもいいかも知れません。
大き目の画像をアップした場合、横幅は200pxに縮小されますが、
縦は比率を保って縮小されるだけなので、縦200pxの固定サイズになるわけではありません。

SnapCrab_NoName_2015-5-18_13-1-41_No-00

ただ、この方法はパソコンで見るときはちょうど良い感じになりますが、
スマホで見たときは縦長の大きめのサイズの画像が画面を占領する形に見えるかもしれません。

コメントを残す