在固定位置寫入鏈接的問題

我正在嘗試使用html和css代碼構建一個網頁。我試圖從頭到尾在我的頭部區域編寫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; 
}

來源

2011-09-16 webrider

我想修復你的背景圖片，而不是佈局。 – Blender

但那是一個固定的形象，從一個PSD文件 – webrider

它重新分區...切片或發佈，所以我們知道你正在處理什麼用。 –

你聲明的同一高度上的#link ID作爲您的#header ID加的960x75像素所以275 + 75 = 350像素的頂部填充，調整對ID的高度或一併刪除它，你應該全部設置。

來源

2011-09-16 21:37:12

感謝，您的建議.....其相對這樣的.... @安德烈斯 – webrider

在固定位置寫入鏈接的問題

回答

相關問題