加了一條選單後的問題 - 部落格

Table of Contents

我的blog:http://huchichi.blogspot.com/

我是直接下載了METAMUSE的範本 Blackcat2.5
後來從我朋友的blog移植拼湊了那條選單(home photo flickr...)
對css並不瞭解 就每個數據邊改邊測試 弄了一整晚

就要弄好了 卻只差最後一個問題
就是右邊那一欄無法跟左欄對齊了

我預期的是這樣
└────────────────────┘
┌───┐┌──────────┐┌───┐
│ │└──────────┘│ │
│ │┌──────────┐│ │

但現在的是這樣

└────────────────────┘
┌───┐┌──────────┐
│ │└──────────┘ 空一塊
│ │┌──────────┐┌───┐
│ ││ ││ │

我把新加的選單 有關所有的編碼都砍掉 就又可以跟左欄對齊了
所以推測是選單的編碼沒有完全弄妥

那麼可以幫我看看哪邊需要改掉的嗎?


#navmenubar{
height:25px;
line-height:25px;
width: 498px;
float: left;
margin-left: 10px;
margin-right: 5px;
margin-top: 0px;
margin-bottom: 5px;
padding-left: 10px;
text-align: center;
background:#000000;
color:#6728B2;
}

#navmenubar li{
float:left;
list-style-type:none;
border-left:10px solid #000000;
border-top:0px solid #000000;
border-right:10px solid #000000;
border-bottom:0px solid #000000;
white-space:nowrap;
}

#navmenubar li a{
display:block;
padding:0 10px;
font-size:18px;
font-weight:normal;
text-transform:lowercase;
text-decoration:none;
background-color:inherit;
color: #6728B2;
}

* html #navmenubar a {width:1%;}
#navmenubar .selected,#navmenubar a:hover{
background:#6728B2;
color:#B4003C;
text-decoration:none;
}


--

All Comments

Rebecca avatarRebecca2009-08-11
#sidebar-wrapper { 後面加入
Hardy avatarHardy2009-08-12
margin:-30px 0 -30px; 試試看
Caitlin avatarCaitlin2009-08-12
margin 後面可以放四個數字 分別是上下左右
Christine avatarChristine2009-08-13
好了耶!謝謝你 我卡關了一整晚...
Jacky avatarJacky2009-08-15
沒事可以多來晃晃 我之前也碰過類似的問題