知識、知恵のカタマリ

[PR]株主優待を受けてみよう☆

解決済

clip!clip!
Ads By Google

CSSを修正したいのですが方法を教えてください。

W3CのCSS検証をしてみました。

質問1
「Display=文法解析エラーが発生しました block;」の意味をお教えください。カレンダーの表示でDisplay block;urlが正しく無いと評価されましたが、FirefoxでもIEでも問題なく表示されています。

質問2
「二つのコンテキスト #links と #header td で、同じ色が前面色(color) と
背景色 (background-color) に使われています」などの警告が50リストありました。

これはWebセーフカラーの色指定で前面色と背景色を
変えたほうがよいのでしょうか?
初心者ですので分かりやすく解説していただけますでしょうか。

2008-10-14 13:16の質問
この質問と回答を読んで役に立った場合は「役に立つ質問」に投票してください。投票が多い質問は、役に立つ質問一覧に掲載され、より多くの人に見てもらうことができます。

回答(1)

1.

2008-10-15 22:05:27ベスト
質問1:
.display:block;background:url(http://image.blog.livedoor.com/img/usr/valentine/calendar.gif)no-repeat 50% 50%;
の部分で、セレクタ(要素を指定している部分)がありません。
つまり、閉じ括弧}は、あるのに、開き括弧{とその前の部分がありません。

質問2:
CSSにエラーがあるので、その影響かもしれません。
前面色(color)とは文字色のことで、
背景色とは、文字通り背景の色のことです。
同じになっている場合は、文字が見えなくなっているはずなので、
意図して見えない文字を作っているのではないか?
ということで警告になっています。
そのような見えない文字を意図して作っているのではない。
現にその部分は見えているというのであれば、
これらの警告は的外れな警告です。
自信度 : 自信なし 回答レベル : アドバイス

>何時も有難うございます。

LIvedoorのテンプレートに文字の色とフォントを変えましたが、
きちんと表示されていたので疑問に思いませんでした。
CSS検証をしてもらうと疑惑を持たれてしまって・・・。

前回は見当違いの事を書きました。

.img.sample1 { display:block;background:url(http://~.gif)no-repeat 50% 50%; }

↑ にしたらfirefoxIともに指定どおりに見られるようになりました。

Htmlは時間をかけてチェックしてみます。
ほっとしました。

Ads By Google

コメント(1)

#1.  BLUEPIXY
2008-10-15 22:20:17

質問2について追記
#header は、ライブドアの上辺部分で、
#links は、プラグイン部分ですので、
それぞれの領域は別なので、見当違いな警告だと思います。
(HTMLの構造がむちゃくちゃになっていて、被っているというのなら別ですけど)
CSSだけでの判別のために別の領域であるということが、わからなくて警告を出しているということなら気にする必要はないと思います。

トラックバック(2)

トラックバックURL: