2014-02-12 33 views
0

你好,對不起,我的壞英語提前。div div div div

我遇到了一些代碼的麻煩。 我得到的是一個背景圖像(徽標) - div的標題。

下面,我有一個菜單 - div。 標題以770px爲中心 菜單應該位於標題下方的中心位置。

Exaple

<div id="header"><div> 
<br> 

<br> 
<div id="menu"> 
<ul> 
    <li><a href="index.php">Forside</a></li> 
    <li><a href="priser.php">Priser</a></li> 
    <li><a href="bestil.php">Bestil/Kontakt</a></li> 
</ul> 
</div> 
  • HTML部分。

body{ 
background-color:#fff; 
color:#000; 
font-family:verdana; 
font-size:10px; 
background:url('viking.png') left no-repeat; 
} 

a:hover {text-decoration: none;} 
a:link{text-decoration:none; font-family:verdana; font-weight:normal; } 
#header{ 
margin-left: auto; 
margin-right: auto; 
background-image:url('/head.png'); 
width: 770px; 
height: 130px; 
margin-top:-10px; 
} 

#menu{ 
margin-left:auto; 
margin-right:auto; 
margin-top:116px; 
text-align:center; 
width:770px; 
overflow: hidden; 
} 
#menu ul{ 
list-style:none; 
} 
#menu ul li{ 
display: inline-block; 
float: left; 
margin-bottom: 20px; 
} 
#menu ul li a { padding:20px; background: rgba(255,138,30,0.3); text-decoration: none; font: bold 24px Helvetica, Sans-Serif; letter-spacing: -1px; color: #402e16; 
  • 完整的CSS部分。

我很絕望,希望有所幫助!

+0

儘量把他們放在一起在一個容器中,加入'文本對齊:中心;'到整個事情。使容器的寬度與頁面的寬度相匹配,使其完全居中。 – dpwivagg

+1

如果你不想讓它們在左邊,你爲什麼要將列表項左側浮動?除去浮子。問題解決了。 – George

+0

哦,我的上帝,簡單的浮標做到了。我沒有看到它 - 不是我的代碼..但是,謝謝你oGeez! – user3303007

回答