[戻る]
No.3305

画像の表示サイズについて

musterbrandさん  投稿日:2018/10/28(Sun) 22:26
key

同じ解像度、同じ高さの画像を「画像テキストリンク」で並べて表示させていますが、高さが合いません。
合わせる方法はありますか?
「フリー」で作成してみましたが作成中のフィールドには正しく表示されるのにパーツをカラムの中に入れると高さがあわなくなってしまいます。

Re: 画像の表示サイズについて

おたすけマイショップさん  2018/10/29(Mon) 15:20 No.3306
key

※お問い合わせの対象箇所はトップページのヘッダー内にあるロゴ及び区切り線の画像と認識致します。
(認識が異なる場合は具体的な場所をご指定ただき再度お知らせ頂きますようお願い致します)

編集画面では、表示幅が十分とられていますが、パーツを配置されたところが幅が狭い為縮小されています。
その為、編集中とは表示が異なっています。

※縮小される際、各画像のサイズが異なるため(ロゴの画像と区切り線の画像の幅の比率が異なるため)、
 縮小の比率が各自異なることで高さが統一されない状態です。

対策としては、幅が十分に確保される場所にパーツを設置して頂くか、独自でHTML、CSSを記述して表示内容を工夫して頂くのがよろしいかと思われます。

例:区切り線をCSSのborderにするなど

以上を参照いただき表示をご検討下さい。


Re: 画像の表示サイズについて

musterbrandさん  2018/11/01(Thu) 13:36 No.3308
key

表示の画像サイズの合計になるように左右のカラム幅を小さく設定して表示させました。
クロームで確認すると表示は問題ないのですがIEで見るとやはり大きさが崩れてしまいます。

クロームの表示とIEの表示でかなり差があるのですがどのようにすれば同じになりますか?

IEで表示されるように左右のカラムの幅を更に縮小するとクロームでの見た目、バランスが悪くなってしまいます。


Re: 画像の表示サイズについて

おたすけマイショップさん  2018/11/01(Thu) 16:20 No.3309
key

前回のご案内の通り、パーツを配置されている左右のエリアが影響してブラウザ側で画像等の伸縮が行われています。
その為、対策としては、前回ご案内させて頂きました区切り線をCSSのborderにして頂く方法、または、現在ヘッダーの3列中央に配置されていると思われますので、ヘッダーの下部のエリア(1行1列のエリア)に移動して頂き、中央配置にして頂くことで影響を受けにくくなるかと思われます。

※中央配置について、[フリー]パーツを使用している場合はスタイル等での調整を行って下さい。
 「画像/テキストリンク]パーツを使用している場合は、パーツの上部に[フリー]パーツを作成し
 HTML形式にて以下を記載したパーツを配置します。
 <center><div>
 次に、パーツの下部に[フリー]パーツを作成しHTML形式にて以下を記載したパーツを配置します。
 </div></center>
 推奨する方法ではございませんので、可能であれば、フリーパーツにて配置される画像を含め
 HTML形式で作成されることをお勧め致します。

現状、ご案内できる方法は以上となります。
上記をお試し頂きご検討下さい。
この方法でも希望される表示が行えない場合は、上記の画像を含めてHTML形式で作成する方法のみとなります。



返信
*おなまえ
*email (回答通知用。公開されません)
*タイトル
*内容
ショップURL
*key (修正の際に使用します)

無料で本格的なネットショップ開業できるのは『イージーマイショップ』