0
你好,對不起,我的壞英語提前。div div div div
我遇到了一些代碼的麻煩。 我得到的是一個背景圖像(徽標) - div的標題。
下面,我有一個菜單 - div。 標題以770px爲中心 菜單應該位於標題下方的中心位置。
<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部分。
我很絕望,希望有所幫助!
儘量把他們放在一起在一個容器中,加入'文本對齊:中心;'到整個事情。使容器的寬度與頁面的寬度相匹配,使其完全居中。 – dpwivagg
如果你不想讓它們在左邊,你爲什麼要將列表項左側浮動?除去浮子。問題解決了。 – George
哦,我的上帝,簡單的浮標做到了。我沒有看到它 - 不是我的代碼..但是,謝謝你oGeez! – user3303007