imgの下に点線が入るのを消したい

解決済

質問者：gonta5401
質問日時：2008/12/24 19:02
回答数：2件

ＨＰ（xhtml/CSS)で作成しています、素人ですが
こちらのＵＲＬ　http://shinroku.net/graypartner/index.html
で上部にメニュー（赤い部分・・ホーム・トピックス・場所・・）
の箇所なんですがメニューの下に白い点線or破線が入ってしまいます。
特にＣＳＳでもimg側でも点線が出るようには指示してないのですが？
この線を消したいのですが、ご存知でしたら教えてください！
以下ソース記述

<ul id="menu">
<li id="mnu1"><a href="index.html"><img src="menu/tm.gif" width="114" height="44" alt="HOME" title="HOME" /></a></li>
<li id="mnu2"><a href="topics.html"><img src="menu/tm.gif" width="114" height="44" alt="トピックス" title="Topics" /></a></li>
<li id="mnu3"><a href="location.html"><img src="menu/tm.gif" width="114" height="44" alt="場所" title="Location" /></a></li>
<li id="mnu4"><a href="business.html"><img src="menu/tm.gif" width="114" height="44" alt="経済" title="Business" /></a></li>
<li id="mnu5"><a href="population.html"><img src="menu/tm.gif" width="114" height="44" alt="人口・労働力" title="Population Labor" /></a></li>
<li id="mnu6"><a href="industrial.html"><img src="menu/tm.gif" width="114" height="44" alt="工業団地" title="Industral Park" /></a></li>
<li id="mnu7"><a href="contact.html"><img src="menu/tm.gif" width="114" height="44" alt="お問い合わせ" title="Contact" /></a></li>
</ul>


以下ＣＳＳ記述
body{
margin-top : 5px;
background-color : #666666;
background-image : url(img/back.jpg);
background-repeat : repeat-x;
text-align : center;
margin-bottom : 5px;
}
#container{
width : 800px;
background-color : #000000;
text-align : left;
margin-left : auto;
margin-right : auto;
margin-bottom : 0px;
}
ul#menu{
margin-top : 0px;
margin-left : 0px;
margin-right : 0px;
margin-bottom : 0px;
width : 800px;
height : 44px;
padding: 0px
;}
ul#menu li{
float : left;
list-style-type : none;
}
ul#menu li a{display: block;
text-decoration: none;
outline: none;
}
#mnu1 a{
background-image : url(menu/menu1.gif);
display : block;
text-decoration : none;
background-repeat : no-repeat;
outline: none;
}
#mnu1 a:hover{
background-position : left bottom;}
#mnu1{
margin-top : 0px;
}
#mnu1 img{border-width : 0px 0px 0px 0px;
}
以下#mnu1～#mnu7まで同じ

どこが間違えているのか最近ＣＳＳを勉強しだした次第でして
どなたかお知恵を拝借ください。

もう１点ありまして・・スイマセン
http://shinroku.net/graypartner/industrial.html
こちらのページ内のimg画像下のテキストなのですが
何故か右側が一行下がってしまうのですが左右のレベルを合わせるには
どうしたら良いのでしょうか？
以下ソースに記述
<div class="text01">
<p style="font-family : Arial;">電力会社 ⇒ Warren RECC<br />
・敷地内に12.47ｋVの配電線、敷地周辺に161ｋVと69kVの<br />
　送電線<br />
・敷地内に新規変電施設</p>
</div>
<div class="text02">
<p style="font-family : Arial;">ガス会社 ⇒ Atmos Energy<br />
・敷地北側に8インチの本管<br />
・ US Highway 68号線沿いに4インチの配管、US Highway 31<br />
　号線沿いに2インチと6インチの配管</p>
</div>
以下ＣＳＳ記述
.text01{
width : 380px;
float : left;
font-size : 13px;
font-family : "ＭＳＰゴシック";
line-height : 1.6;
color : #000000;
padding-left : 16px;
padding-right : 5px;
}
.text02{
margin-left : 0px;
font-size : 13px;
font-family : "ＭＳＰゴシック";
line-height : 1.6;
color : #000000;
padding-left : 23px;
}
どなたか宜しくお願いします。

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (2件)

ベストアンサー優先
最新から表示
回答順に表示

No.1ベストアンサー

回答者： singlecat
回答日時：2008/12/24 19:09

>の箇所なんですがメニューの下に白い点線or破線が入ってしまいます。

>特にＣＳＳでもimg側でも点線が出るようには指示してないのですが？
>この線を消したいのですが、ご存知でしたら教えてください！

"tm.gif"というのが、ありますが？

この回答への補足

singlecatさんへ
再度tm.gifを確認しましたら
・・入ってました！
恥かしいッス！
ありがとうございました。
残る問題は
http://shinroku.net/graypartner/industrial.html
こちらのページ内のimg画像下のテキストなのですが
何故か右側が一行下がってしまうのですが左右のレベルを合わせるには
どうしたら良いのでしょうか？
以下ソースに記述
<div class="text01">
<p style="font-family : Arial;">電力会社 ⇒ Warren RECC<br />
・敷地内に12.47ｋVの配電線、敷地周辺に161ｋVと69kVの<br />
　送電線<br />
・敷地内に新規変電施設</p>
</div>
<div class="text02">
<p style="font-family : Arial;">ガス会社 ⇒ Atmos Energy<br />
・敷地北側に8インチの本管<br />
・ US Highway 68号線沿いに4インチの配管、US Highway 31<br />
　号線沿いに2インチと6インチの配管</p>
</div>
以下ＣＳＳ記述
.text01{
width : 380px;
float : left;
font-size : 13px;
font-family : "ＭＳＰゴシック";
line-height : 1.6;
color : #000000;
padding-left : 16px;
padding-right : 5px;
}
.text02{
margin-left : 0px;
font-size : 13px;
font-family : "ＭＳＰゴシック";
line-height : 1.6;
color : #000000;
padding-left : 23px;
}