![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?5a7ff87)
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>
=========================================
どなたか原因を教えて頂けないでしょうか。
宜しくお願い致します。
No.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/
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS 書籍を見つつサイト造りの練習をしているのですが、見た目が一致しません 2 2022/11/28 15:00
- HTML・CSS テーブルタグのセルの幅の一部だけを指定 1 2023/03/12 12:02
- HTML・CSS ヘッダーの画像にメインエリアがかぶってしまいます 1 2022/11/28 14:06
- JavaScript vertical sliderをautoplayしたい 2 2022/08/25 14:47
- HTML・CSS img と p を縦中央に配置したいのですがうまくいきません。 2 2023/01/12 14:38
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/30 09:10
- HTML・CSS html/cssで要素が出てこなくて困ってます 1 2022/12/31 16:59
- HTML・CSS CSSが効かずどのように指定すれば良いか分からないのでアドバイスお願い致します 2 2023/06/07 12:25
- HTML・CSS cssが効かなくて困ってます 1 2023/01/01 23:57
- HTML・CSS アコーディオンメニューが思うように動作しません。 1 2023/08/20 16:48
関連するカテゴリからQ&Aを探す
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
html でのテキスト結合について
-
テーブルの一部分のセルだけに...
-
tableタグとformタグの組み合わせ
-
同じwidth=200でもセル内の文字...
-
携帯サイトの表示について
-
trとtrの間
-
スタイルシートのテーブル枠に...
-
cssで、テーブルのtdの中の文字...
-
<img>タグにCSSのclass設定可能?
-
TDタグ内での均等割付の仕方
-
html css 行ごと背景色の指定
-
IE6/7でtable幅が効かない
-
<img>の右横に<table>を配置したい
-
FireFoxで背景が表示されない。
-
CSSについて 初心者です。
-
formのinputなどの幅100%指定
-
Visual Studio で CLR 開発でデ...
-
CSSの優先順位
-
テーブルの線を点線にする
-
テーブル(table)に角丸(radius)...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
tableタグとformタグの組み合わせ
-
html でのテキスト結合について
-
テーブルの一部分のセルだけに...
-
同じクラス名はつけないほうが...
-
テーブル内のテーブルの高さを...
-
cssで、テーブルのtdの中の文字...
-
XHTMLに関する質問 順序が逆に...
-
vbscriptで時計を作りたい
-
Tableタグで作成した表の縮小
-
Tableタグ内のspan styleが適応...
-
formのinputなどの幅100%指定
-
Firefoxを使ってるのですがズー...
-
divで囲んだ文字が消える
-
商品詳細を横並びに表示する方法
-
表とリスト(ulとtable)の違い...
-
入れ子にしたテーブルをheight1...
-
TDタグ内での均等割付の仕方
-
テーブルのセル内の隙間を取れ...
-
td要素内のdiv要素をセンタリン...
-
HTMLのテーブルでそれぞれの大...
おすすめ情報