サイトのヘッダー部分の画像が一部はみ出てしまいました

Question

サイトのトップページの右側に挿入した以下のhomeボタンの右側が数ミリはみ出て見苦しい状態になってしまいました。修正方法をご教示いただけますと幸いです。

コードは以下の通りです。

##以下がヘッダーのコードです。ヘッダー部分はssiという名称のフォルダにJavascriptで表示しています。

		<!--header-->      
		<div id="header" class="clearfix">
		<header>
			<script src="../ssi/header.js"></script>
                        <script src="../js/current.js"></script>

		</header>
		</div>
		<!-- /header -->




##javaScript
document.write('\
<header>\
<div id="header" class="clearfix">\
<h1><a href="/../"><img src="../images/logo.gif" alt=000"/></a></h1>\
<ul>\
<li><a href="/../"><img src="../images/btn_home_off.gif" alt="HOME"/></a></li>\
</ul>\
</div>\
</header>')



$(function(){
var id = $("body").attr("id");
$("#gnav ul li."+id).addClass("current");
});



document.write('\
<div id="menu">\
<ul>\
<li class="bnr_link"><a href="http://ksk-support.jp/" target="_blank">
<img src="../images/bnr_link_03_off.gif" alt="支援事業" /></a></li>\
<li class="bnr_link"><a href="http://sw.jp/" target="_blank"><img src="../images/bnr_link_06_off.gif" alt="事業" /></a></li>\
<li class="bnr_link"><a href="http://www./service/" target="_blank"><img src="../images/bnr_link_02_off.gif" alt="整備事業" /></a></li>\
<li class="bnr_link"><a href="http://www..jp/guest/index.php" target="_blank"><img src="../images/bnr_link_05.gif" alt="システム" /></a></li>\
</ul>\
<br><br><br><br><br>\
<dl class="contact">\
	<dt>お問合わせ先</dt>\
                <dd>事業室</dd>\
		<dd>メールアドレス：<br><a href="m&#97;i&#108;t&#111;:&#115;&#110;&#106;@s&#119;&#114;&#99;&#46;c&#111;&#46;j&#112;">&#115;&#110;&#106;@s&#119;&#114;&#99;&#46;c&#111;&#46;j&#112;</a></dd>\
		<dd><span class="t_12">電話：03-<br>\
		FAX：03-</span><br><br>\
		【受付時間（土日・祝日を除く）】<br>\
		AM　10：00～12：00<br>\
		PM　13：00～17：00</dd></dl>\
</div>')
##CSS
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
.clearfix {
  min-height: 1px;
}
 html .clearfix {
  height: 1px;
  /**//*/
  height: auto;
  overflow: hidden;
  /**/
}

Comments

[Lhankor_Mhy]

javaScript が切れてしまっているようですので、編集して正しいコードを投稿しなおしてください。

[Wordpress]

追記いたしました。ご確認お願い致します。

[Lhankor_Mhy]

以前のご質問でご理解いただけたと思うのですが、markdownを使ってください。
https://teratail.com/questions/199500

[Wordpress]

何度も恐縮です。最後確認してみます。

[Lhankor_Mhy]

最後、ではなくて、今、編集してください。

[Wordpress]

仕事の都合で夜対応ができなく遅くなりすみません。
先ほどmarkdown記入しました。

Answer 1

header部分に余計な記述があったためデザインが崩れていました