イベント告知君(R)の設定

Question

お世話になります。
イベント告知君(R)を以下のトップページに張り付けていますが横の空白が気になります。
空白にテキストを入れるなり、写真をいれるなりして隙間を埋めたいと思います。
http://www.rakuten.ne.jp/gold/flower-fruit-igarashi/
スタイルシートを触る必要があると思いますが勉強不足でやり方がわかりません。
お手数ですが対処法を教えてください。

Answer

ECマスターズの田中です。

タグをご利用していただくと、簡単に隙間を埋めることができます。

===== この下の行から ================


（イベント告知君のiframeタグ）
（右に表示する要素）


===== この上の行まで ================

なお、イベント告知君直下のレフトナビと本文の配置にも使われている、
スタイルシートの「float」属性を利用して段組をつくることも可能です。
詳しい方法は、下記URLをご参照ください。
http://www.css-designsample.com/beginner/hp/float-base.html

Answer

ECマスターズ　田中様

早速の返答ありがとうございます。
やり方はわかりました。
ちなみにイベント告知君(R)の表示サイズの変更はこちら側で可能でしょうか？

Answer

ECマスターズの田中です。

横スクロール型のイベント告知君は、
サイズを変更することができないのですが、
CSS3を使うことで、
イベント告知君全体を拡大、もしくは縮小して表示することができます。

以下の方法をお試しください。
（例は縮小する方法ですが、拡大も同じ方法で可能です）


1. イベント告知君用のタグに、下記CSSの指定を加える。

====== この下の行から ==========
-o-transform: scale(縮小倍率);
-webkit-transform: scale(縮小倍率);
-moz-transform: scale(縮小倍率);
-ms-transform: scale(縮小倍率);
transform: scale(縮小倍率);
-o-transform-origin: 0 0;
-webkit-transform-origin: 0 0;
-moz-transform-origin: 0 0;
-ms-transform-origin: 0 0;
transform-origin: 0 0;
====== この上の行まで ==========
縮小倍率には、イベント告知君を縮小する倍率を、小数でご記入ください。
510ピクセル→395ピクセルへ縮小する場合、約0.7745となります。

2. 同タグを、タグで囲む。

3. 2.のタグに、下記CSSの指定を加える。

====== この下の行から ==========
overflow: hidden;
width: 表示領域の横幅px;
height: 表示領域の縦幅px;
====== この上の行まで ==========
表示領域の横幅、表示領域の縦幅は、実際の値を半角数字でご記入ください。


たとえば、横395ピクセル、縦50ピクセルに縮小する場合は、
既存のタグを下記のようにご変更ください。




↓