2012-02-07 2 views
1

自分のウェブサイトにHTML5標準を使用しようとしています。html5タグを使用するのによい方法

ここに私のブログの詳細ページがあります。ここで

enter image description here

コードです:

<article> 
    <hgroup class="title"> 
     <h1>@Model.Title</h1> 
     <h6>@Html.InsertHeaderPost(@Model.PublishDate, @Model.Tags)</h6> 
    </hgroup> 
    <p>@Html.DisplayTextFor(m => m.Content)</p> 
</article> 

最初の質問:は、それが記事とのhgroupタグを使用して良い方法ですか?

2番目の質問:どのように私はIntructionと...の間のスペースを減らすことができますか?私は成功しなかった。

は、ここでのhgroup

/* page titles */ 
hgroup.title { 
    margin-bottom: 10px; 

} 

感謝のための私のCSSです。

+0

reduceは単純にmargin-bottomを変更します。 – Hadas

+0

@Hadas:マージンとパディングを0に設定しようとしましたが、これらの2つの線の間にスペースが残っています。 – Bronzato

+0

'hgroup.title h6 {margin-top:-10px;}'を試してください – Hadas

答えて

1

はい、問題ありません。マージンについては、FirebugやChromeの内蔵開発ツール(F12キー)を使用して、スペースがどこから来ているかを確認してください。右クリックして要素の「Inspect」を選択すると、マージン/パディングが表示されます。

+0

ありがとうございます。それは私がF12(IE)でやっていることですが、私はスペースを見ませんでした...私は余白とパディングを0に設定すると、まだ2つのラインの間にスペースがあります。 – Bronzato

+0

明示的に 'h1'と' h6'のマージンとパディングを0にしても?すなわち、 'h1、h6 {パディング:0;マージン:0;}'? 'h1'の高さが設定されていない限り、他に何があるのか​​考えることはできません。 – Chris

+0

ブラウザデバッガは、問題を引き起こしている可能性のある要素について他のルールを表示することができるため、IEやOperaの両方(Chrome/Firebugの破棄されたクローンの両方)でチェックすることをお勧めします。 – ssube

関連する問題