ul/li没有响应的CSS

ul/li没有响应的CSS

问题描述:

我添加了一个wordpress小部件来处理事件,博客和Twitter的边栏上的3个选项卡。ul/li没有响应的CSS

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

我试图使宽度:95px和高度:45像素

我已经把宽度/高度上栗,但没有回应。 ul会对高度作出反应,但这对我没有多大帮助。

有什么建议吗?

+1

我已经投票决定关闭这个问题,因为它太具体到您的网站,并不会帮助任何未来的访客。最好的问题有一个小型自包含的示例,其中包含足够的代码来演示问题,没有任何额外的问题。将此代码直接发布到问题中。这样做可能需要很多工作,但它是解决问题的关键部分。 – KatieK 2013-06-14 19:10:14

.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