ホームページビルダー・グレート初心者講座

グレート初心者講座トップへグレート初心者講座 小技集へグレート初心者講座≠ヨグレート初心者講座 質問掲示板へ

HTML版 過去ログ
| 掲示板を見る | ホームに戻る | ワード検索 | 過去ログ |   
トップページ > 記事閲覧
スタイルシートの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を
2箇所で指定すれば反映されるというのがちょっと納得いきません。
記述の順序を変えてみたりしましたが(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を
> 2箇所で指定すれば反映されるというのがちょっと納得いきません。

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]




ホームページビルダー・グレート初心者講座 Copyright © 2002-2005 aimix All Rights Reserved