ウインドウサイズに合わせて画像を拡大縮小する方法について教えていただきたいです

[正治]

初歩的な質問ですいません…
フォーラム内やマニュアルを読んで、ネットでも探してみたいのですが、解決しなかったので、こちらのフォーラムに投稿しました。

テーマ：COLORS

相談内容：
「コンテナエリア上部」に「DP-カスタムテキスト」のウェジェットを追加して、バナー広告を設置しました。（サイズ width=”1103″ height=”91）

しかし、ウインドサイズを狭めると、画像がはみ出してしまいます。※添付画像①

COLORSのデモサイトのように画像がウインドサイズに合わせて、拡大縮小できる方法（※添付画像②）をわかる方がいれば、ぜひ教えていただきたいと思います。

ちなみに「DP-カスタムテキスト」には下記の記述をしております。

添付ファイル:

添付ファイルを開くにはログインしてください。

[正治]

[quote quote=65374]初歩的な質問ですいません…
フォーラム内やマニュアルを読んで、ネットでも探してみたいのですが、解決しなかったので、こちらのフォーラムに投稿しました。

テーマ：COLORS

相談内容：
「コンテナエリア上部」に「DP-カスタムテキスト」のウェジェットを追加して、バナー広告を設置しました。（サイズ width=”1103″ height=”91）

しかし、ウインドサイズを狭めると、画像がはみ出してしまいます。※添付画像①

COLORSのデモサイトのように画像がウインドサイズに合わせて、拡大縮小できる方法（※添付画像②）をわかる方がいれば、ぜひ教えていただきたいと思います。

ちなみに「DP-カスタムテキスト」には下記の記述をしております。

[/quote]

[Saki]

高さと幅を指定せずに、以下のように、してみたらどうでしょう。

[Saki]

直接、画像が表示されちゃいました。失礼しました。

<a href="http://mindful.kanasyo.com/" rel="nofollow"><img src="http://kanasyo.com/wp-content/uploads/2016/01/mindful_baner.png" alt="IMG_0685_2" /></a>

[正治]

Sakiさま

返答していただき、ありがとうございます！

いただいた記述をコピペして試してみましたが、やはり同じ結果でした…

[Saki]

では、これなんか、いかがでしょうか

<a href="http://mindful.kanasyo.com/" rel="nofollow"><img src="http://ek5.jp/sozai/sozai-5eki/mindful_baner.png" alt="IMG_0685_2" width="100%" /></a>

[Saki]

コピペのしどころを、テストサイトにしちゃいまして、失礼しました。
(^^ゞ

<a href="http://mindful.kanasyo.com/" rel="nofollow"><img src="http://kanasyo.com/wp-content/uploads/2016/01/mindful_baner.png" alt="IMG_0685_2" width="100%" /></a>

[正治]

Sakiさま

ありがとうございます！！！！

できました！！！

完璧です。

ほんとありがとうございました。

[投稿者]

投稿