固定位置にリンクを書き込む問題

Question

私はHTMLとCSSコードを使用してWebページを構築しようとしています。私は上から下へ私のヘッダー領域に5つのリンクを書き込もうとしています。私は "dt"と "dl"を使い、次に "a"タグを使ってリンクしています。しかし、問題は、5つのリンクは、より多くの場所を取って、背景5の固定グラフィックスです。私はこれを解決するために固定された高さを使用しましたが、 "a"タグを使用しているときは機能しません。そうでなければ、必要な位置に配置できます。私のコードは以下の通りです。

<div id="header"> 
    <div id="link"> 
     <dl><dt> <a href="#">Home</a> </dt></dl> 
     <dl><dt> <a href="#">Support</a> </dt></dl> 
     <dl><dt> <a href="#">Services</a> </dt></dl> 
     <dl><dt> <a href="#">About Us</a> </dt></dl> 
     <dl><dt> <a href="#">Contacts</a> </dt></dl> 
     <dl><dt> <a href="#">FAQ</a> </dt></dl> 
    </div> 
</div>  

CSSコード

#header { 
margin:0 auto; 
width:780px; 
height:275px; 
background:url(images/header.jpg) no-repeat; 
} 

#link { 
padding:75px 0 0 0px; 
width:780px; 
height:275px; 
} 

#link dl dt a { 
margin:0px 0 0 575px; 
font:arial; 
font-size:13px; 
font-weight:normal; 
color:#000000; 
font-style:italic; 
} 

Answer 1

あなた#header IDとしてお使い#link IDで同じ高さプラス= 350px 75pxので、275 + 75の上部パディングを宣言している、そのIDにあなたの高さを調整すべて一緒に取り除くとすべてがセットになっているはずです。