2013-05-04 222 views
0

网站:www.medtransportcenter.comCSS导航菜单将不会调整

导航菜单是纯CSS,使用CSS3菜单软件构建。网站上的菜单显示,但每个元素的大小都关闭。我一直在试图让每个元素更均匀(大约140-150像素的宽度/高度很好),例如,您可以看到评论比其他人(252px x 50px)宽得多。

我已经试过手动更改宽度为注释元素的单独的样式表:

li#menu-item-139.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-139 { 
    width: 140px; 
} 

不幸的是,这并没有工作,我卡在如何解决它。帮助将不胜感激。

+1

第42行至第51行包含菜单项的样式。摆脱个别项目的“宽度”。无论使用这种样式表的软件是多么可怕。 – Blender 2013-05-04 08:32:21

+0

是的,谢谢你的帮助。 – mc1010 2013-05-04 09:02:57

回答

0

%宽度在样式表中设置类似

ul#css3menu11>li:nth-child(4) { 
width: 26%; 

基本上你需要和他们一起玩,或只是将其删除。

+1

'!重要'是最后的手段。当你仍然可以编辑样式表时,我不会推荐它。 – Blender 2013-05-04 08:28:26

+0

@Blender是的,我知道。我讨厌使用它。但有时它是唯一的出路。 – btevfik 2013-05-04 08:29:03

+0

这也没有工作:/ – mc1010 2013-05-04 08:31:07

0

inline-table更改ulinline-block,也从table-cell改变你liinline-block。然后重新调整menuwidth