• 文字サイズ


解決済

ヘッダー・フッター・レフトナビのテンプレート設定の編集について

  • 相談者:非公開
  • 2021/08/05 08:34
お世話様です。7/27以降のヘッダー・フッター・レフトナビのテンプレート設定で
HTMLタグの「<」「>」が正しく閉じられていない場合にエラー表示になるようですが
コメントタグを使ってhtmlを非表示にする目的で閉じている下記の場合もエラー対象となりますでしょうか?


<!--左サイド縦追従バナー上部300x60-->
<!--<div id="fixedBanner1">
<a href="https://event.rakuten.co.jp/guide/freeshippingline/campaign/">
<img src="https://image.rakuten.co.jp/123.gif"></a>
</div>-->

また、これを解消するにはコメントタグを非表示目的で使わなければ解消出来ますでしょうか?

追記です。
編集個所はフッター部分の下記のソースになります。

<center>
<table width=1000 border=0 cellpadding=0 cellspacing=0>
<tr>
<td><img src="https://image.rakuten.co.jp/SHOP-URL/cabinet/top/ft00.jpg" width=1000 height=50></td>
</tr>
<tr>
<td background="https://image.rakuten.co.jp/SHOP-URL/cabinet/top/ft_bg.gif">
<table width="950" border="0" align="center" cellpadding="0" cellspacing="0">
<tr valign="top">
<td width="290"><table width="290" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><img src="https://image.rakuten.co.jp/SHOP-URL/cabinet/top/ft01.jpg" width="260" height="30"></td>
</tr>
<tr>
<td><font color="#333333" size="2">・代金引換、銀行振込、カード決済がご利用可能です。</font><br>
<img src="https://image.rakuten.co.jp/SHOP-URL/cabinet/top/card.gif" width="290" height="110"><br>
<font color="#3399FF" size="2">※上のいずれかのクレジットカードでお支払いになると、お客様のクレジットカード番号はご注文先ストアを経由せず、カード会社に送信されるため安心です。</font></td>
</tr>
<tr>
<td height="20" align="right"><a href="https://www.rakuten.co.jp/SHOP-URL/info2.html"><font size="2">詳細はこちら→</font></a></td>
</tr>
<tr>
<td>&nbsp;</td>
</tr>
<tr>
<td valign="top"><img src="https://image.rakuten.co.jp/SHOP-URL/cabinet/top/ft03.jpg" width="260" height="30"></td>
</tr>
<tr>
<td><font color="#333333" size="2">万が一、不良品、変質、誤配送などがございましたら商品到着後、直ちに御連絡をお願いします。<br>
ご連絡いただいた後、至急対応させて頂きます。<br>
送料、手数料は当社負担で良品と交換、もしくはご希望により代金を返還させて頂きます。<br>
なお、お客様のご都合による返品、交換は商品の性質上致しかねますのでご了承下さい。 <br>
また、商品発送日当日のキャンセル連絡や発送後のキャンセルも致しかねますのでご了承下さい。</font></td>
</tr>
<tr>
<td height="20" align="right"><a href="https://www.rakuten.co.jp/SHOP-URL/info2.html#henpin"><font size="2">詳細はこちら→</font></a></td>
</tr>
</table></td>
<td width="30"></td>
<td><table width="290" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><img src="https://image.rakuten.co.jp/SHOP-URL/cabinet/top/ft02.jpg" width="260" height="30"></td>
</tr>

<tr>
<td align="left"><font color="#333333" size="2">【宅配便地域別送料】<br>
本州・四国・九州:840円(税込)<br>
北海道:1100円 沖縄県・離島:1300円(税込)
<br><br>

・一箇所につき商品代金3,980円(税込)以上お買上げいただきますと、送料が無料となります。 <br>
*沖縄県・離島は除きます。 <br>
<br>
・クール便対応商品に関しましては別途315円(税込)をご負担いただきます。 <br>
<br>
・お届けの運送会社はヤマト運輸または日本郵便になります。
<br>
運送会社は当店にて決めさせていただきますのでご了承下さい。 <br>
国外への発送は出来ませんのでご了承下さい。 <br>
<br>
・クール便の商品と常温で発送する商品と混在する場合は、クール便で、1個口で発送させていただきます。別口で発送希望の方は、別途ご相談下さい。</font></td>
</tr>
<tr>
<td height="20" align="right"><a href="https://www.rakuten.co.jp/SHOP-URL/info2.html#hasso"><font size="2">詳細はこちら→</font></a></td>
</tr>
</table></td>
<td width="30"></td>
<td><table width="290" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><img src="https://image.rakuten.co.jp/SHOP-URL/cabinet/top/ft04.jpg" width="260" height="30"></td>
</tr>
<tr>
<td><font color="#333333" size="2">お客様からいただいた個人情報は商品の発送とご連絡以外には一切使用致しません。<br>
当社が責任をもって安全に蓄積・保管し、第三者に譲渡・提供することはございません。</font></td>
</tr>
<tr>
<td>&nbsp;</td>
</tr>
<tr>
<td><img src="https://image.rakuten.co.jp/SHOP-URL/cabinet/top/ft05.jpg" width="260" height="30"></td>
</tr>
<tr>
<td><font color="#333333" size="2">ネット・ファックスでのお問い合わせは24時間受け付けております! <br>
電話でのお問合せは店舗営業日の8:30-17:00の時間帯にお願いします。<br>
<br>
<br>
※休業日はサイドナビのカレンダーをご確認下さい。</font></td>
</tr>
<tr>
<td>&nbsp;</td>
</tr>
<tr>
<td><img src="https://image.rakuten.co.jp/SHOP-URL/cabinet/top/ft06.jpg" width="260" height="30"></td>
</tr>
<tr>
<td><font color="#333333" size="2">店舗運営会社:<strong> 有限会社イシイ物産</strong><br>
ショップ名:おつまみ珍味の海鮮山鮮本舗<br>
(かいせんやませんほんぽ)
<br><br>
〒414-0001静岡県伊東市宇佐美1812-12<br>
TEL: 0557-48-9844 FAX:0557-47-3745<br>
店舗運営責任者: 石井隆之<br>
↓メールでのお問合せ↓<br>
<a href="mailto:auc-ky-honpo@shop.rakuten.co.jp">auc-ky-honpo@shop.rakuten.co.jp</a></font></td>
</tr>
</table></td>
</tr>
</table></td>
<tr>
<tr>
<td height="51" align="center" valign="top" background="https://image.rakuten.co.jp/SHOP-URL/cabinet/top/ft_btm.jpg"><table width="600" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="28">&nbsp;</td>
</tr>
<tr>
<td align="center"><font color="#1A7897" size="2">Copyright (C) おつまみ珍味の海鮮山鮮本舗. All Rights Reserved. </font></td>
</tr>
</table></td>
</tr>
</table></center>

<style TYPE="text/css">
/* ---------------------------------------------------- */
/* 大枠ボックス構成 */
/* ---------------------------------------------------- */
body {
font-size: small;
text-align: center;
line-height: 1.1;

}


#wrapper {
width: 1000px;
margin: auto;
text-align: center;
}

/* ---------------------------------------------------- */
/* 共通設定 */
/* ---------------------------------------------------- */

/* ヘッダー背景画像*/

body{
background-image:url(https://image.rakuten.co.jp/SHOP-URL/cabinet/top/bgbnr/fujisan-2.jpg);
background-repeat:no-repeat;
background-size: 100%;
top:75px;
}

/*フォント設定*/
* {
font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'MS Pゴシック', 'MS PGothic', sans-serif;
}

/*画像枠・リンク調整*/
img {
border: none;
}
a:hover img {filter: alpha(opacity=70);
opacity:0.70;
/* Firefox Netscape */
-moz-opacity:0.70;
position:relative; right:2px; top:-2px;
}

/*ナビゲーション調整*/
#navi{
padding: 0;
margin: 0;
width: 720px;
height: auto;
font-size: 91%; color:#ffffff;
  letter-spacing: 1px;
}

#navi ul li{
padding:0;
margin:10px 12px 0 0;
font-size:92%;
color:#000000;
list-style:none;
float:left;
}
#navi ul li a{
color:#000000;
text-decoration:none;
}
#navi ul li a:hover{
color:#000000;
text-decoration:underline;
}


#main_visual {
width: 1000px;
margin-bottom:10px;
}


/*テキストリンク調整*/
a:hover {
color: #ff33aa;
font-weight: 700;
}
a {
text-decoration: none;
}

/*説明テキスト*/
h1.tt{font-size:16px;COLOR:#cc0000;margin:2px;
}

h2.midashi,h3.midashi{font-size:14px;COLOR:#cc0000;margin:2px;
border-left:5px solid #cc0000;
border-bottom:1px dotted #cc0000;
padding:3px 5px 2px;
}

p.setumei{font-size:13px;COLOR:#000000;margin:5px;
}
p.tt20{font-size:20px;COLOR:#000000;font-weight:bold;
    margin:5px;line-height:110%;
}
div#item-point {font-size:10px;
}

/*カテゴリ行数制限*/
a.category_itemnamelink:hover{color:#FF6600;}

a.category_itemnamelink{
text-align:left;
text-decoration: none;
position:relative;
top:-10px;
font-size:13px!important;
margin-top:12px;
padding:2px;
line-height:140%;
display : inline-block;
height:4.2em;/*4.2文字分を表示。数値を超えると隠す。数値変更可能*/
overflow:hidden!important;
}

span.category_itemprice{
position:relative;
top:-5px;
font-size:13px!important;
font-weight:bold!important;
color:#cc0000;
}

span.category_itemtaxpostage{
position:relative;
top:-5px;
}

span.not{
position:relative;
top:-5px;
}

img[src="/com/img/icon/cir_order.gif"] {display:none !important;}

a.category_itemnamelink{
height:2.5em;
}


/追従バナー動き数値/
a {transition: all 0.8s ease 0s;}
a:hover {opacity: 0.5;}

/*追従サイドバナー(右側)*/
.side-bannerArea > .bnr a,
.side-bannerArea > .bnr a:hover { opacity:1;position: fixed;right: 0;z-index: 1000;display: block;height: 145px;outline: medium none;transition: all 0.8s ease 0s;}
.side-bannerArea > .bnr a {width:75px;}
.side-bannerArea > .bnr a:hover {width: 336px;}
.side-bannerArea > .bnr01 a,
.side-bannerArea > .bnr01 a:hover {background: url("https://image.rakuten.co.jp/SHOP-URL/cabinet/chinmi/hotate/hh-tjcp-rght1.jpg") no-repeat scroll 0 0 transparent;top: 55px;}
.side-bannerArea > .bnr02 a,
.side-bannerArea > .bnr02 a:hover {background: url("https://image.rakuten.co.jp/SHOP-URL/cabinet/chinmi/sijimi/sjm-tjbm-rght3.jpg") no-repeat scroll 0 0 transparent;top:205px;}
.side-bannerArea > .bnr03 a,
.side-bannerArea > .bnr03 a:hover {background: url("https://image.rakuten.co.jp/SHOP-URL/cabinet/shokutomo/ochaduke/ocz-tjbm-rght2.jpg") no-repeat scroll 0 0 transparent;top:355px;}


/*追従サイドバナー(左側上部300x250)*/
#tableft {
width: 60px;/* 最初に表示されるバナーの幅 */
height: 250px;/* バナーの高さ */
background: url("https://image.rakuten.co.jp/SHOP-URL/cabinet/event/cp/tm-cp/14h-390yen-off-tjbn2.jpg") no-repeat;/* 画像のURL */
position: fixed;/* バナーを固定します */
left: 0;/* 右から0pxの位置に指定 */
top: 70px;/* 上から70pxの位置に指定 */
}

#tableft a {/* リンクするエリアをバナー全体に広げる設定 */
display: block;
width: 100%;
height: 100%;
}
#tableft:hover {/* カーソルが乗った時の動きを指定 */
width: 300px;/* バナーが伸びた時の幅 */
/* 以下アニメーションの設定 */
-webkit-transition: width ease-in-out 0.5s;
-moz-transition: width ease-in-out 0.5s;
-ms-transition: width ease-in-out 0.5s;
-o-transition: width ease-in-out 0.5s;
transition: width ease-in-out 0.5s;

</style>


<!--<div id="topkw">
<span><a href="https://item.rakuten.co.jp/SHOP-URL/ITEM-URL/ITEM-URL/">\半額50%OFF満載&最大800円クーポン配布中/特設会場を→見る←</a></span>
</div>-->

<!--<div id="topkw">
<span><a href="https://item.rakuten.co.jp/SHOP-URL/ITEM-URL/ITEM-URL/">\本日最終/半額多数&今すぐ使える980円クーポン配布中/特設会場を→見る←</a></span>
</div>-->

<!--追従バナー右側-->
<div class="side-bannerArea">
<!--<div class="bnr bnr01">
<a href="https://coupon.rakuten.co.jp/getCoupon?getkey=SURKWi1DNVZOLUtZNVUtU1hVUA--&rt=&rd=https://item.rakuten.co.jp/SHOP-URL/ITEM-URL/"></a>
</div>-->
<div class="bnr bnr02">
<a href="https://item.rakuten.co.jp/SHOP-URL/ITEM-URL/"></a>
</div>
<div class="bnr bnr03">
<a href="https://item.rakuten.co.jp/SHOP-URL/ITEM-URL/"></a>
</div>
</div>

<!--追従バナー左側上部300x250-->
<!--<div id="tableft">
<a href="https://coupon.rakuten.co.jp/getCoupon?getkey=TUU4Ti1XN1EwLUtaTlMtVzhaNg--&rt=&rd=https://item.rakuten.co.jp/SHOP-URL/ITEM-URL/ITEM-URL/"></a>
</div>-->

<!--左サイド縦追従バナー上部300x60-->
<div id="fixedBanner1">
<a href="https://event.rakuten.co.jp/guide/freeshippingline/campaign/">
<img src="https://image.rakuten.co.jp/SHOP-URL/cabinet/event/point/tate39shop-p2.gif"></a>
</div>

<style>
#fixedBanner1 {
position: fixed;
z-index: 9999;
margin: 0;
padding: 0;
top: 20px;
left: -1px;
text-align: center;
width: auto;
height: auto;
transition: 0.3s;
}

#fixedBanner1 img {
width: auto;
height: auto;
vertical-align: bottom;
}

#fixedBanner1:hover {
left: 0px;
}

</style>

<!--左サイド縦追従バナー480x60-->
<!--<div id="fixedBanner">
<a href="https://event.rakuten.co.jp/campaign/point-up/dpg/allshop/">
<img src="https://image.rakuten.co.jp/SHOP-URL/cabinet/event/point/p-up4-1.gif"></a>
</div>-->

<div id="fixedBanner">
<a href="https://point-g.rakuten.co.jp/yamawake/henbai/20210719072610x/">
<img src="https://image.rakuten.co.jp/SHOP-URL/cabinet/entry-p-up/0719-26p10-2.jpg"></a>
</div>


<style>

#fixedBanner {
position: fixed;
z-index: 9999;
margin: 0;
padding: 0;
top: 340px;
left: -1px;
text-align: center;
width: auto;
height: auto;
transition: 0.3s;
}

#fixedBanner img {
width: auto;
height: auto;
vertical-align: bottom;
}

#fixedBanner:hover {
left: 0px;
}

</style>

<!--100x100バナーここから-->

<div id="fixedBanner2">
<a href="https://coupon.rakuten.co.jp/getCoupon?getkey=WE9aQi03R1E3LU5VQ1YtRlZRUQ--&rd=https://item.rakuten.co.jp/SHOP-URL/ITEM-URL/ITEM-URL/"><img src="https://image.rakuten.co.jp/SHOP-URL/cabinet/event/cp/rcp/50yen-cp3.jpg" width="150"></a>
</div>

<style>
#fixedBanner2 {
position: fixed;
z-index: 9999;
margin: 0;
padding: 0;
top: 345px;
left: 85px;
text-align: center;
width: auto;
height: auto;
}

#fixedBanner2 img {
width: 150px;
height: 150px;
vertical-align: bottom;
}

</style>
<div id="fixedBanner3">
<a href="https://coupon.rakuten.co.jp/getCoupon?getkey=WjVPVy1OWVVRLUdYUVgtOEdITw--&rt=&rd=https://item.rakuten.co.jp/SHOP-URL/ITEM-URL/ITEM-URL/"><img src="https://image.rakuten.co.jp/SHOP-URL/cabinet/event/cp/conditions/150yen-kp1.jpg" width="150"></a>
</div>



<style>
#fixedBanner3 {
position: fixed;
z-index: 9999;
margin: 0;
padding: 0;
top: 500px;
left: 85px;
text-align: center;
width: auto;
height: auto;
}

#fixedBanner3 img {
width: 150px;
height: 150px;
vertical-align: bottom;
}

</style>


<div id="fixedBanner4">
<a href="https://coupon.rakuten.co.jp/getCoupon?getkey=OTVHWi1PSFlQLVRPVUItVENBUg--&rt=&rd=https://item.rakuten.co.jp/SHOP-URL/ITEM-URL/ITEM-URL/"><img src="https://image.rakuten.co.jp/SHOP-URL/cabinet/event/cp/conditions/10000-1000yen-kp1.jpg" width="150"></a>
</div>

<style>
#fixedBanner4 {
position: fixed;
z-index: 9999;
margin: 0;
padding: 0;
top:660px;
left: 85px;
text-align: center;
width: auto;
height: auto;
}

#fixedBanner4 img {
width: 150px;
height: 150px;
vertical-align: bottom;
}

</style>

<!--100x100バナーここまで-->
キーワード:html
投稿内容について報告する

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

  • 返信者:非公開
  • 2021/08/05 13:23
ECマスターズの田中です。

> コメントタグを使ってhtmlを非表示にする目的で閉じている下記の場合もエラー対象となりますでしょうか?

こちらは、特………(省略)………
  • 返信者:非公開(質問者)
  • 2021/08/05 13:37
お世話様です。
「>」を使わない形式がわからないので教えていただきたいです。………(省略)………
  • 返信者:非公開
  • 2021/08/05 15:47
ECマスターズの田中です。

> 「>」を使わない形式がわからないので教えていただきたいです。

実際のページを確認したところ、
「>」が無くても動作………(省略)………
  • 返信者:非公開(質問者)
  • 2021/08/05 16:18
田中さん、ありがとうございました。
大変助かりました!!………(省略)………
このフォーラムへの質問は終了しました