スタイルシートのclass指定 日時： 2005/06/30 14:16 識別： ID5GqLcOtnkHE 名前： ゆり ビルダーのV8を使っています。 ページ内でテーブルを多用しています。 そもそも根本的に勘違いをしているのか、何か記述ミスをしているの ではないかと思うのですが自分では見つけることができませんでした。 よろしくお願いします。 通常のTDのCSSを下記の様にし（Aタイプ) TD{ font-size : 85%; border-top-width : 1px; border-right-width : 1px; border-bottom-width : 1px; border-left-width : 1px; border-top-style : solid; border-right-style : solid; border-bottom-style : solid; border-left-style : solid; border-top-color : red; border-right-color : red; border-bottom-color : red; border-left-color : red; letter-spacing : 1px; background-image : url(../bg_img.gif); } 一部のTDは下記のようにclass指定しようと思いました(Bタイプ） .no_border{ font-size : 14px; border-style : none none none none; background-color : white; } BタイプのTDで、<TD class="no_border">と指定しましたが、 フォントサイズとborder-style無しの部分は反映されましたが、 background-color:white;が反映されず、背景にはAタイプのgifが入ってしまいます。 https://aimix.jp/hpbbbs/patio/patio.cgi?mode=view&no=1733 を見て、<SPAN>も使ってみました。 <TD><SPAN class="no_boder">　〜あいう〜　</SPAN></TD>ですと、 フォントサイズOKで背景も白になりますがborderが入ってしまいます。 試しに<TD class="no_box"><SPAN class="no_box">　〜あいう〜　</SPAN></TD>と二つ指定してみたら 思い通りの結果が得られましたが、同じclassを ２箇所で指定すれば反映されるというのがちょっと納得いきません。 記述の順序を変えてみたりしましたが（background-color:whiteを上に持っていったり）同じ結果でした。

FF9 Re: スタイルシートのclass指定 ( No.1 ) 日時： 2005/06/30 14:50 名前： Newのり太 参照： https://funky-groove.hp.infoseek.co.jp/hpb/ > BタイプのTDで、<TD class="no_border">と指定しましたが、 > フォントサイズとborder-style無しの部分は反映されましたが、 > background-color:white;が反映されず、背景にはAタイプのgifが入ってしまいます。 .no_border には、background-image が定義されていないので、 tdのスタイルが継承されているのではないでしょうか？ ちなみに、background-color と、background-image は別物です。 クラスno_border の背景指定を、background-image: none; などとしてみては？ > <TD><SPAN class="no_boder">　〜あいう〜　</SPAN></TD>ですと、 > フォントサイズOKで背景も白になりますがborderが入ってしまいます。 spanで区切った範囲（〜あいう〜という文字列）に対するスタイル ということになりますので、セルには効果が及びません。 > 試しに<TD class="no_box"><SPAN class="no_box">　〜あいう〜　</SPAN></TD>と指定してみたら > 思い通りの結果が得られましたが、同じclassを > ２箇所で指定すれば反映されるというのがちょっと納得いきません。 class="no_border" ですね。 td、span それぞれへの効果が合わさって、 見た目がそのように見えるだけで、 思惑通りに反映されているわけではないと思います。 Re: スタイルシートのclass指定 ( No.2 ) 日時： 2005/06/30 15:33 名前： ゆり 状態： 解決! >tdのスタイルが継承されているのではないでしょうか？ 仰るとおりでした。 urlを("")でクリアしたら今度はちゃんと背景が白くなりました。 ありがとうございました！ >spanで区切った範囲（〜あいう〜という文字列）に対するスタイル >いうことになりますので、セルには効果が及びません。 理解できました。 >class="no_border" ですね。 書き間違えました。すみません。 お陰様ですっきり解決しました。お世話になりました。 Re: スタイルシートのclass指定 ( No.3 ) 日時： 2005/06/30 15:14 名前： Newのり太 参照： https://funky-groove.hp.infoseek.co.jp/hpb/ はじめに、「白無地のダミー画像〜」と書いたものの、 >> background-image: none; ↑コチラの方がはるかに楽なので書き直したのですが、 おそかった。。(T_T) Re: スタイルシートのclass指定 ( No.4 ) 日時： 2005/06/30 15:32 名前： ゆり すみません！ 返信フォームを開いたまま各種ブラウザでテストしていたので 変更してくださったのを見ずに送信してしまいました。 urlのクリアよりnoneの方がスマートなので今から直します。 重ね重ねありがとうございました。

BEE

Page: [1]