• 文字サイズ


解決済

フッター部分のHTML修正

  • 相談者:非公開
  • 2023/08/16 16:12
いつもお世話になっています。

業者にお願いして作ってもらいましたフッターですが
イベントバナーとURLを手動で付け替えしています為
バナーとURL部分を消して
「ただいま開催中のキャンペーン情報」の下に
可能ででしたらイベント告知君を貼り付けたいと思っています。
自分でしてみましたが表示が崩れてしまいます。
修正方法をご教授頂きたいです。

有償でしたらお見積りお願い致します。

フッターのHTML
<!--ここからがフッターコンテンツ-->

<style>
/* footer
----------------------------------------------------------------------------- */

.cam{
width:980px;
margin:100px 0 56px 0;
padding:0 0 56px;
background:url(https://image.rakuten.co.jp/SHOP-URL/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/SHOP-URL/cabinet/top/copyback.jpg);
text-align:center;
}

.page{
float:right;
margin:50px 22px 0 0;
}
/* CAE (css already existed) */
</style>
<!--ここからキャンペーン-->
<div class="cam cf">
<h2><img src="https://image.rakuten.co.jp/SHOP-URL/cabinet/top/camtop.jpg" alt="キャンペーン"></h2>
<div>
<a href="https://event.rakuten.co.jp/campaign/card/pointday/ "><img src="https://image.rakuten.co.jp/SHOP-URL/cabinet/point5.jpg" class="cam1" width="395px"></a>
<a href="https://event.rakuten.co.jp/campaign/point-up/everyday/point/ "><img src="https://image.rakuten.co.jp/SHOP-URL/cabinet/spu-1.jpg" class="cam2" width="395px"></a>
</div>

<div>
<a href="https://event.rakuten.co.jp/campaign/sports/"><img src="https://image.rakuten.co.jp/SHOP-URL/cabinet/point2.jpg" class="cam1" width="395px"></a>
<a href="https://ad2.trafficgate.net/t/r/6830/3629/198512_234039/"><img src="https://image.rakuten.co.jp/SHOP-URL/cabinet/1bn6150.jpg" class="cam2" width="395px"></a>
</div>

<div>
<a href=""><img src="" class="cam1" width="395px"></a>


<a href=""><img src="" class="cam2" width="395px"></a>
</div>

<div>
<a href=""><img src="" class="cam1" width="395px"></a>
<a href=""><img src="" class="cam2" width="395px"></a>
</div>





</div>
<div id="footer" class="cf">
<h2><img src="https://image.rakuten.co.jp/SHOP-URL/cabinet/top/foottop.jpg" alt="お買い物ガイド"></h2>
<div class="footbot cf">
<div class="fo-left cf">
<img src="https://image.rakuten.co.jp/SHOP-URL/cabinet/top/foot1.jpg" class="infoimg" alt="お支払いについて">
<p>お支払い方法は、クレジットカード(VISA、Master、JCB、Diners、Amex)、コンビニ決済、銀行振込、代金引換がご利用いただけます。</p>
<p class="red">※クレジットカードのセキュリティはSSLというシステムを利用しております。 カード番号は暗号化されて安全に送信されますので、どうぞご安心ください。</p>
<p><img src="https://image.rakuten.co.jp/SHOP-URL/cabinet/top/footcard-2.jpg" alt="クレジットカード" class="mgt15"></p>

<img src="https://image.rakuten.co.jp/SHOP-URL/cabinet/top/foot2.jpg" class="infoimg2" alt="営業時間帯について">
<p>ネットでのご注文は24時間受け付けております。お電話でのお問合せは下記の時間帯にお願いします。</p>
<p class="timetext">営業時間10時〜17時 <br>土、日、祝休業 水曜は発送業務のみ営業</p>
<p class="red">土、日、祝日は休業日です。<br>水曜日は発送業務とロールスクリーン製品ご注文者様へのサイズ確認業務のみしています。<br>電話でのお問い合わせ対応とメールのお問い合わせ返信は翌営業日となりますので、ご了承ください。</p>



</div>
<div class="fo-right cf">
<img src="https://image.rakuten.co.jp/SHOP-URL/cabinet/top/foot3.jpg" class="infoimg" alt="配送について">
<p>【佐川急便、ヤマト運輸又は西濃運輸でお届け致します。】</p>
<p>・商品によりお届けまでにかかる日数は異なります。商品ページで納期のご確認お願い致します。</p>
<p>・また、時間指定もうけたまわります。</p>
<p>指定出来る時間は下記となります。</p>
<p><img src="https://image.rakuten.co.jp/SHOP-URL/cabinet/top/footshiptime.jpg" alt="配送時間" class="mgt15"></p>
<p class="mgt20"></p>
<p></p>
<p></p>
<p></p>

<img src="https://image.rakuten.co.jp/SHOP-URL/cabinet/top/foot4.jpg" class="infoimg2" alt="プライバシーについて">
<p>お客様からいただいた個人情報は商品の発送とご連絡以外には一切使用致しません。当社が責任をもって安全に蓄積・保管し、第三者に譲渡・提供することはございません。</p>
</div>
</div>
<div class="page">
<a href="https://www.rakuten.co.jp/SHOP-URL/"><img src="https://image.rakuten.co.jp/SHOP-URL/cabinet/top/footpage.jpg" alt="ページトップ"></a>
</div>
</div>
<div class="copy">
<p>Copyright &copy PuPuRu All Rights Reserved.</p>
</div>

<!--ここまでがフッターコンテンツ-->
宜しくお願い致します。
投稿内容について報告する

今気になってる疑問、
セミナーに参加すれば解決するかも!?
日本全国のネットショップ12,000社が参加!
ネットショップでお悩みがある方はまずはオンラインセミナーへGO!
広告0円で楽天の売上アップ続出!
ECマスターズチャンネルをチェック!
総視聴回数15万回突破!
最新の対策事例やSALE対策など、売上にお困りの方はぜひご視聴ください!

  • 返信者:非公開
  • 2023/08/16 18:05
ECマスターズの伊藤です。

先程はチャットからのご連絡ありがとうございました。
フォーラムへのご投稿、ありがとうございます。

> 「ただいま開催中………(省略)………
  • 返信者:非公開(質問者)
  • 2023/08/16 18:42
ECマスターズ 伊藤様

ご回答ありがとうございます。

最初の説明がうまくできていなかったのですが
現在手動でバナー貼り付けをしています薄グレーの枠………(省略)………
  • 返信者:非公開
  • 2023/08/17 16:23
ECマスターズの伊藤です。

> 現在手動でバナー貼り付けをしています薄グレーの枠内のバナーを外し
> そこにイベント告知君を入れたいと思っていたのですが………(省略)………
  • 返信者:非公開(質問者)
  • 2023/08/17 16:36
ご丁寧に教えて下さりありがとうございました。思っていた通りに修正が出来ました。………(省略)………
このフォーラムへの質問は終了しました