我的标签菜单退出页面宽度

时间:2011-09-29 15:45:20

标签: html css web menu

所以我正在编辑CSS并且选项卡菜单有一个空格:nowrap属性,这意味着它不重叠但最终退出页面。使用!important和heirarchy CSS设置选项卡菜单本身的宽度无效。

看起来像这样

http://i.imgur.com/yxblJ.jpg

当我做空白时:pre或其他任何一个空格最终重叠。

以下是代码:

html > body > div#header > div#header-bottom-left > ul.tabmenu {
position: absolute;
top: 75px;
left: 700px;
width: 100px !important;
}

#header #header-bottom-left .tabmenu li {
font-family: "Courier New", Courier, monospace !important;
text-transform: uppercase;
letter-spacing: 2px;
font-variant: small-caps;
font-size: 11px;
background: url(%%buttons%%) repeat-x;
border: 1px solid black;
padding: 5px;
margin-right: 16px;
}

1 个答案:

答案 0 :(得分:0)

删除

li {
    margin-right: 16px;
}

您也可以尝试这个

ul,li {
   border:0px;
   padding:0px;
}