dポイントプレゼントキャンペーン実施中!

Firefoxでbackground-imageの画像が文字の部分しか表示されません。
(IEでは表示されます。)

http://hptoolbox.tm.land.to/
のトップメニューです。

スタイルシートのソースは以下の通りです。
=========================================
A.tab:Link,A.tab:Visited{
color : #336699;
text-decoration:none;
width : 124px;
height : 25px;
background-image : url(../images/tab1.gif);
background-repeat: norepeat;
background-position: left;
text-align:center;
font-size: 12px;
margin-left:2px;
padding-top:5px;}

a.tab:hover{
background-image : url(../images/tab2.gif);
background-repeat: norepeat;
background-color:transparent;
}
=========================================

HTMLは以下の通りです。
=========================================
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="124" height="25" align="center"><a class="tab" href="index.php">トップ</a></td>
<td width="124" height="25" align="center"><a class="tab" href="cgi-bin/ps/ps_user.cgi?act=reg1">サイトの登録</a></td>
td width="124" height="25" align="center"><a class="tab" href="cgi-bin/ps/ps_search.cgi?act=new">新着サイト</a></td>
<td width="124" height="25" align="center"><a class="tab" href="cgi-bin/ps/ps_search.cgi?act=rank">アクセスランキング</a></td>
<td width="124" height="25" align="center"><a class="tab" href="cgi-bin/ps/ps_search.cgi?act=plink">パーソナル</a></td>
<td width="124" height="25" align="center"><a class="tab" href="link.html">リンク</a></td>
<td width="124" height="25" align="center"><a class="tab" href="contact.html">お問い合わせ</a></td>
</tr></table>
=========================================

どなたか原因を教えて頂けないでしょうか。
宜しくお願い致します。

A 回答 (1件)

インライン要素にwidthやheightを指定することは出来ません。


http://www.mozilla.gr.jp/standards/webtips/webti …

どうしてもwidthやheightをCSSで指定したければdisplay:block;でブロック要素化したものをfloat:left;で並べていくことになると思います。

それとwidth:100%;に関してひとつ。指定した場所によってはIEとFirefoxで表示幅の算出方法が変わり表示の変化するケースがあります。
最悪横スクロールバーです。覚えておくといいでしょう。

Operaなども加えた複数のブラウザで表示確認をしつつ、HTMLやCSSのソースをウェブ標準で書くように心がければ問題は回避できるようになると思います。
http://jp.opera.com/

http://openlab.ring.gr.jp/k16/htmllint/
http://validator.w3.org/
http://jigsaw.w3.org/css-validator/
    • good
    • 0
この回答へのお礼

ご回答ありがとうございます。
でも恥ずかしながら、具体的にどうゆうソースを書けばよいのか
分かりません。

お礼日時:2007/03/20 01:33

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!