フッター部分のHTML修正

Question

いつもお世話になっています。

業者にお願いして作ってもらいましたフッターですが
イベントバナーとURLを手動で付け替えしています為
バナーとURL部分を消して
「ただいま開催中のキャンペーン情報」の下に
可能ででしたらイベント告知君を貼り付けたいと思っています。
自分でしてみましたが表示が崩れてしまいます。
修正方法をご教授頂きたいです。

有償でしたらお見積りお願い致します。

フッターのHTML



/* footer
----------------------------------------------------------------------------- */

.cam{
	width:980px;
	margin:100px 0 56px 0;
	padding:0 0 56px;
	background:url(https://image.rakuten.co.jp/orderblindandcurtain/cabinet/top/camback.jpg);
}
.camtop{
	margin:0;
	padding:0;
}
.cam p{
	color:#473524;
	padding:20px 0 0 20px;
	font-size:12px;
}
.cam a{
	float:left;
}
.cam1{
width:395px;
	height:50px;
	margin:35px 0 0px 81px;
}
.cam2{
width:395px;
	height:50px;
	margin:35px 0 0px 35px;
}
#footer{
	width:980px;
	margin:80px 0 0 0;
	padding:0;
	font-size:12px;
	text-align:left;
}

.footbot{
	margin-top:46px;
}
.fo-left{
	float:left;
	margin:0 0 0 50px;
	padding:0;
	width: 390px;
}
.fo-right{
	float:left;
	margin:0 0 0 90px;
	padding:0;
	width: 440px;
}

.infoimg{
	margin:0px 0 30px 0;
}
.infoimg2{
	margin:60px 0 30px 0;
}
#footer p{
	padding:0;
	color:#333333;
	line-height:20px;
}
#footer p a{
	color:#1f1e1e;
}
#footer p a:hover{
	color:#ea6581;
}
#footer p.red{
	margin-top:20px;
	color:#d02a34;
}
#footer p.timetext{
	font-size:18px;
	font-weight:bold;
	margin-top:30px;
}
.mgt30{
	margin-top:30px;
}
.copy{
	width:980px;
	height:20px;
	margin:17px 0 0 0;
	padding:7px 0 3px;
	font-size:10px;
	background:url(https://image.rakuten.co.jp/orderblindandcurtain/cabinet/top/copyback.jpg);
	text-align:center;
}

.page{
	float:right;
	margin:50px 22px 0 0;
}
/* CAE (css already existed) */

 
	
		
             
				
				
            
            
             
				
				
            

             
				


				
            
            
             
				
				
            
            
             

            
            
	
	
		
		
				
					
					お支払い方法は、クレジットカード（VISA、Master、JCB、Diners、Amex）、コンビニ決済、銀行振込、代金引換がご利用いただけます。
					※クレジットカードのセキュリティはSSLというシステムを利用しております。 カード番号は暗号化されて安全に送信されますので、どうぞご安心ください。
					

					
					ネットでのご注文は24時間受け付けております。お電話でのお問合せは下記の時間帯にお願いします。
					営業時間10時〜17時 土、日、祝休業　水曜は発送業務のみ営業
					土、日、祝日は休業日です。水曜日は発送業務とロールスクリーン製品ご注文者様へのサイズ確認業務のみしています。電話でのお問い合わせ対応とメールのお問い合わせ返信は翌営業日となりますので、ご了承ください。



				
				
					
					【佐川急便、ヤマト運輸又は西濃運輸でお届け致します。】
					・商品によりお届けまでにかかる日数は異なります。商品ページで納期のご確認お願い致します。
					・また、時間指定もうけたまわります。
					指定出来る時間は下記となります。
					
					
					
					
					

					
					お客様からいただいた個人情報は商品の発送とご連絡以外には一切使用致しません。当社が責任をもって安全に蓄積・保管し、第三者に譲渡・提供することはございません。
				
		
				
					
				
	
				
					Copyright &copy PuPuRu  All Rights Reserved.
				


宜しくお願い致します。

Answer

ECマスターズの伊藤です。

先程はチャットからのご連絡ありがとうございました。
フォーラムへのご投稿、ありがとうございます。

> 「ただいま開催中のキャンペーン情報」の下に
> 可能ででしたらイベント告知君を貼り付けたいと思っています。


頂いたタグの下1/3あたりに、
＝＝＝



＝＝＝
といったタグがあるかと思いますので、

下記の
【この部分にイベント告知君のタグの貼り付け】
の位置に、イベント告知君のタグの
貼り付けをお願い致します。
＝＝＝

【この部分にイベント告知君のタグの貼り付け】


＝＝＝

上記方法にて、万が一崩れる場合は、恐れ入りますが、
イベント告知君を設置した状態のフッターのタグを
ご連絡くださいませ。

Answer

ECマスターズ　伊藤様

ご回答ありがとうございます。

最初の説明がうまくできていなかったのですが
現在手動でバナー貼り付けをしています薄グレーの枠内のバナーを外し
そこにイベント告知君を入れたいと思っていたのですが
それは無理でしょうか？

無理でしたらキャンペーンの薄グレーの枠ごと削除して
イベント告知君を設置致します。
宜しくお願い致します




/* footer
----------------------------------------------------------------------------- */

.cam{
	width:980px;
	margin:100px 0 56px 0;
	padding:0 0 56px;
	background:url(https://image.rakuten.co.jp/orderblindandcurtain/cabinet/top/camback.jpg);
}
.camtop{
	margin:0;
	padding:0;
}
.cam p{
	color:#473524;
	padding:20px 0 0 20px;
	font-size:12px;
}
.cam a{
	float:left;
}
.cam1{
width:395px;
	height:50px;
	margin:35px 0 0px 81px;
}
.cam2{
width:395px;
	height:50px;
	margin:35px 0 0px 35px;
}
#footer{
	width:980px;
	margin:80px 0 0 0;
	padding:0;
	font-size:12px;
	text-align:left;
}

.footbot{
	margin-top:46px;
}
.fo-left{
	float:left;
	margin:0 0 0 50px;
	padding:0;
	width: 390px;
}
.fo-right{
	float:left;
	margin:0 0 0 90px;
	padding:0;
	width: 440px;
}

.infoimg{
	margin:0px 0 30px 0;
}
.infoimg2{
	margin:60px 0 30px 0;
}
#footer p{
	padding:0;
	color:#333333;
	line-height:20px;
}
#footer p a{
	color:#1f1e1e;
}
#footer p a:hover{
	color:#ea6581;
}
#footer p.red{
	margin-top:20px;
	color:#d02a34;
}
#footer p.timetext{
	font-size:18px;
	font-weight:bold;
	margin-top:30px;
}
.mgt30{
	margin-top:30px;
}
.copy{
	width:980px;
	height:20px;
	margin:17px 0 0 0;
	padding:7px 0 3px;
	font-size:10px;
	background:url(https://image.rakuten.co.jp/orderblindandcurtain/cabinet/top/copyback.jpg);
	text-align:center;
}

.page{
	float:right;
	margin:50px 22px 0 0;
}
/* CAE (css already existed) */

 
	
		
             
				
				
            
            
             
				
				
            

             
				


				
            
            
             
				
				
            
            
             

            
        
              
        
        
    
		
				
					
					お支払い方法は、クレジットカード（VISA、Master、JCB、Diners、Amex）、コンビニ決済、銀行振込、代金引換がご利用いただけます。
					※クレジットカードのセキュリティはSSLというシステムを利用しております。 カード番号は暗号化されて安全に送信されますので、どうぞご安心ください。
					

					
					ネットでのご注文は24時間受け付けております。お電話でのお問合せは下記の時間帯にお願いします。
					営業時間10時〜17時 土、日、祝休業　水曜は発送業務のみ営業
					土、日、祝日は休業日です。水曜日は発送業務とロールスクリーン製品ご注文者様へのサイズ確認業務のみしています。電話でのお問い合わせ対応とメールのお問い合わせ返信は翌営業日となりますので、ご了承ください。



				
				
					
					【佐川急便、ヤマト運輸又は西濃運輸でお届け致します。】
					・商品によりお届けまでにかかる日数は異なります。商品ページで納期のご確認お願い致します。
					・また、時間指定もうけたまわります。
					指定出来る時間は下記となります。
					
					
					
					
					

					
					お客様からいただいた個人情報は商品の発送とご連絡以外には一切使用致しません。当社が責任をもって安全に蓄積・保管し、第三者に譲渡・提供することはございません。
				
		
				
					
				
	
				
					Copyright &copy PuPuRu  All Rights Reserved.
				

###HR######IMG0db99214a1dae5deed20cc4a54fa1a88b.pngIMG0###

Answer

ECマスターズの伊藤です。

> 現在手動でバナー貼り付けをしています薄グレーの枠内のバナーを外し
> そこにイベント告知君を入れたいと思っていたのですが
> それは無理でしょうか？

イベント告知君で使用する＜iframe＞タグは
背景透過ができませんので、背景色を薄グレー
地にした状態で、イベント告知君を入れ込む事は
残念ながらできません。

もし、イベント告知君が画像の通り、
白で乗っても問題ないようであれば、
下記案内にある2箇所の修正をお願いします。
https://ec-masters.gyazo.com/861f6852f347393c28008238e0ebf15f

=====
.cam {
    width: 980px;
    margin: 100px 0 56px 0;
    padding: 0 0 56px;
    background: url(https://image.rakuten.co.jp/orderblindandcurtain/cabinet/top/camback.jpg);
}
=====
↓↓
=====
.cam {
    width: 980px;
    margin: 100px 0 56px 0;
    padding: 0 0 56px;
    background: url(https://image.rakuten.co.jp/orderblindandcurtain/cabinet/top/camback.jpg);
    text-align: center;
}
=====

の下から、
上までの間を
下記に変更
=====





=====

グレー部分を完全に削除されるようであれば、
の下から、
上までの間を
削除いただき、イベント告知君のタグの
設置をお願い致します。

Answer

ご丁寧に教えて下さりありがとうございました。思っていた通りに修正が出来ました。