2013-05-06 69 views
0

我添加了一個wordpress小部件來處理事件,博客和Twitter的邊欄上的3個選項卡。ul/li沒有響應的CSS

http://islands.kellykruschel.com/(右側,在我們的合作伙伴之上)。

我試圖使寬度:95px和高度:45像素

我已經把寬度/高度上慄,但沒有迴應。 ul會對高度作出反應,但這對我沒有多大幫助。

有什麼建議嗎?

+1

我已經投票決定關閉這個問題,因爲它太具體到您的網站,並不會幫助任何未來的訪客。最好的問題有一個小型自包含的示例,其中包含足夠的代碼來演示問題,沒有任何額外的問題。將此代碼直接發佈到問題中。這樣做可能需要很多工作,但它是解決問題的關鍵部分。 – KatieK 2013-06-14 19:10:14

回答

1
.style1 ul.tabbernav li {display: inline-block;} 

或者,如果你喜歡花車:

.style1 ul.tabbernav li {float: left;} 

看來,雖然你想要別的東西。通常我不會修復人的佈局,但我想只是一次。添加這些樣式:

.style1 ul.tabbernav li { 
display: inline-block; 
text-align: center; 
line-height: 45px; 
} 

ul.tabbernav li { 
height: auto; 
} 
.style1 ul.tabbernav li a, .style1 ul.tabbernav li.tabberactive a { 
background-color: transparent 
} 
.style1 ul.tabbernav { 
background: #095c87; 
} 

結果:

result of proposed code

+0

浮動強制顯示到計算機以阻止,因此float:left就足夠了。 – 2013-05-06 16:13:49

+0

@MarcAudet感謝您的通知,編輯。 – 2013-05-06 16:15:33

+0

聰明!通過在ul上設置背景顏色,你可以找到li元素的魔術寬度! – 2013-05-06 16:28:41