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

By Una
at 2009-08-08T10:06
at 2009-08-08T10:06
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;
}
--
我是直接下載了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;
}
--
Tags:
部落格
All Comments

By Rebecca
at 2009-08-11T16:03
at 2009-08-11T16:03

By Hardy
at 2009-08-12T18:07
at 2009-08-12T18:07

By Caitlin
at 2009-08-12T20:34
at 2009-08-12T20:34

By Christine
at 2009-08-13T02:46
at 2009-08-13T02:46

By Jacky
at 2009-08-15T03:56
at 2009-08-15T03:56
Related Posts
blogspot掛了嗎?

By Ingrid
at 2009-08-08T02:06
at 2009-08-08T02:06
版面加入連結外站的圖示

By Bethany
at 2009-08-08T01:22
at 2009-08-08T01:22
plurk可以隱藏好友嗎

By Blanche
at 2009-08-07T23:47
at 2009-08-07T23:47
發噗問題

By Oscar
at 2009-08-07T22:43
at 2009-08-07T22:43
噗浪當機 網友罵翻天

By Irma
at 2009-08-07T21:33
at 2009-08-07T21:33