CSS Niteビギナーズ、および、『現場のプロから学ぶXHTML+CSS』に関するご質問

P.190　子より親の要素にスタイルを指定する

ページ下部の図説
横の説明テキストには

div要素にボーダーを指定をしている場合と、
h2要素へ指定をしている場合

とありますが、順番が逆のような気がします。いかがでしょうか？

ご指摘ありがとうございます。
第5章を執筆した小林です。

>順番が逆のような気がします。いかがでしょうか？
はい、ご指摘通り逆ですね。
子要素のh2にボーダーを指定するよりも、親要素のdivへ指定した方が、h2自体を自由にスタイリングすることができます。

下記にサンプルコードをアップしましたので、あわせてご参照ください。
http://swwwitch.com/cssnite/beginners/books/ftp/question/5-7-1/index.html

100ページの次の文章、おそらくMac版IE 5のことではないかと思うのですが、いかがでしょう？

また、IE 6やIE 7ではfont-familyプロパティで最初に指定されているフォントがユーザーのパソコンに存在しなかった場合、ブラウザのデフォルトのフォントを適用してしまう問題があります。

こちらで検証した限り、IE 6/7どちらも問題ありません。

第4章　P141について質問です。
li.current {background-image:none ;}
でカレントを実現するとあります。
でも、liの背景に置いてあるのがcurrent用の画像ですよね？
これをnoneにしてしまうと、何も表示されなくなるのでは？

li.current a {background-image:none ;}
であれば分かる気がするのですが…
また、カレント部分にマウスを置いたとき、
カーソルをリンクではなくするための設定としては、
cursor:default;
を追加する形で正しいでしょうか？

お手数ですが、解説いただければ幸いです。

＞sunnyさん
ご質問ありがとうございます。
第4章を執筆いたしました山田あかねです。

▼メニューの現在位置用リスト背景について
大変失礼いたしました。こちらの間違いですので、正誤表にて訂正いたします。
[141ページ 最後のセレクタ：誤]
ul#nav li a:hover,
ul#nav li.current {
background-image: none!important;
}

[141ページ 最後のセレクタ：正]
ul#nav li a:hover,
ul#nav li.current a {
background-image: none!important;
}

お詫びして訂正いたします。

▼カーソルについて
カーソルをリンクでなくする＝リンク用のカーソルになってしまうものを、通常のものに置き換える　ということでよろしければ、
cursor: default; で大丈夫です。

ただ、このメニューサンプルは現在位置であってもリンクとして機能するようになっているため、現在位置の時にリンクとして機能させない場合は、XHTMLのマークアップ自体からa要素を抜いてしまうほうが意味的には妥当だと思います。

サイトを使う方の利便性を考えると、現在位置とはいえどその下の子ページがある場合が多いため、現在位置でもリンクとして機能し、cursor: pointer; （リンクのカーソル）のままのほうが使い勝手が良いため、サンプルでは現在位置でもリンクするようにしています。

どうぞよろしくお願いします。

> reaさん

回答が遅れまして、たいへん申し訳ありません。
ご質問に回答させていただきます。

いろいろと検証しましたところ、

* {
font-family:
"あああ",
aaa,
"メイリオ",
Meiryo,
sans-serif;
}

という記述では、フォールバックがきかない（「メイリオ」ではなくデフォルトフォントが適用されてしまう）のに対し、

* {
font-family:
"あああ", aaa,
"メイリオ", Meiryo,
sans-serif;
}

や

* {
font-family: "あああ", aaa, "メイリオ", Meiryo, sans-serif;
}

といった書き方では、フォールバックがききました（IE 6/7ともに）。

したがって、「...ソースコードの書き方によっては、ブラウザのデフォルトのフォントを適用してしまう問題があります」とすべきであると思います。

表現についてはちょっと検討させていただくとして、ひとまず上記のような感じで次の増刷時に訂正させていただきたく思っております。

>山田さま
ご回答ありがとうございます！ご返信を失念しており大変失礼いたしました。とてもすっきりです^^/
また、リンクについてのアドバイスもありがとうございました。
参考にさせていただきます。
今後ともよろしくお願いいたしますm(__)m

趣味でホームページを沢山つくりましたがテーブルのほうが簡単でCSSは見た目を少しいじる程度でした。
この本で実際に仕事をしている方の作業の進め方がわかり興味深く読んでいます。
ただ残念なことがあります。
それは3カラムのレイアウトについて実際の方法がまったく触れられていないことです。まるで抜け落ちているような印象です。
2カラムと3カラムは基本として他の本やサイト等でも最低限説明されていると思います。

なぜこのような3カラムのレイアウトを説明しない本になったのでしょうか？増刷されているようなのでぜひこの部分を追加して欲しいと思います。