2011-11-03 13 views
0

まず、evan.com.au/1grid/ - なぜH1がグリッドと並んでいないのかを知りたいのですが、私の代わりにエラーか、フォントグリフがemボックス?いずれにしても、頭痛の原因となるものは何か。段落とグリッドの問題の上下のスペース

次に、evan.com.au/1/ - テキストの本文の上下の空白(H1の上のスペースとページの最後の最後の行の下のスペース)を削除するにはどうすればよいですか。このコードをdivに挿入して、ページ全体に垂直にそれを繰り返すと、ニュース記事の基礎として、同じem構造体の後ろにスペースがあっても構いません。

ご協力いただければ幸いです。ありがとうございました!

答えて

0

'H1'タグの上のスペースを削除するには、stylesheet.cssの18行目にあるline-height: 1.5emを削除します。 H1の下にさらにスペースを必要とするが、それ以上でない場合は、margin-bottomを `line-height 'と混同しないでください。

ページの下部にあるスペースを削除するには、最後のPタグの余白を削除する必要があります。あなたは2つの方法の1つを行うことができます。マージンを0pxに設定し、そのクラスを最後のPタグに配置するクラスを作成します。 2番目のオプションは、PタグでCSSセレクタ:last-childを使用することです。

これをCSSに追加すると、少なくともChromeでは下部スペースが修正されているようです。

p:last-child { 
    margin-bottom: 0px; 
    margin-top: 1.5em; 
} 
関連する問題