我有一个功能正常的菜单。但是在我正在对齐我的菜单的母版页中,它为自己占用了一个行空间,也从页面的中间开始(不是正好在页面的中间,而是从左边开始的10个空格。
这是我的CSS:
.menu {
}
.menu ul {
list-style:none;
}
.menu li {
list-style:none;
display:block;
float:left;
height:53px;
line-height:53px;
}
.menu li a {
display:block;
float:left;
color:#852917;
font-size:11px;
font-weight:bold;
line-height:53px;
text-decoration:none;
padding:0 25px;
background:#ebdbca url(menu_037_bg.jpg) no-repeat left;
border-bottom:2px solid #d7a278;
}
.menu li a:hover {
color:#fff;
background:#a73e29 url(menu_037_h.jpg) no- repeat left;
border-bottom:2px solid #b75542;
}
.menu li a.current {
display:block;
float:left;
color:#fff;
background:#a73e29 url(images/menu_037_h.jpg) no- repeat left;
border-bottom:2px solid #b75542;
font-size:11px;
font-weight:bold;
line-height:53px;
text-decoration:none;
}
.menu li a:hover.current {
color: #fff;
}
这是菜单:
<tr>
<td colspan="5" style="background-color: #001A65; height: 7px;"></td>
</tr>
<tr>
<td colspan="5" style="background-color: #CFB549; height: 10px; text-align: right;"></td>
</tr>
<tr>
<td>
<asp:menu onmenuitemclick="menu_navigate" id="Menu1" orientation="Horizontal" runat="Server" width="100%" cssclass="menu" includestyleblock="false" renderingmode="List" staticmenuitemstyle-itemspacing="10px">
<staticmenuitemstyle bordercolor="Black" borderstyle="Solid" borderwidth="0px" horizontalpadding="20px"/>
</asp:menu>
</td>
</tr>
你能帮助我吗?我在这上面了将近一个小时而且无法弄明白......
答案 0 :(得分:1)
我经常在打印时隐藏我的菜单,因为它不像任何人可以使用它们。为了做到这一点,只需将它放在一个头标签中,使用正确的类:
@media print {
menu { display: none; }
}
如果要打印菜单,可以使用介质类型的打印来修复出现的任何错误。