CSS打印菜单时出现问题

时间:2011-08-17 21:12:51

标签: asp.net html css

我有一个功能正常的菜单。但是在我正在对齐我的菜单的母版页中,它为自己占用了一个行空间,也从页面的中间开始(不是正好在页面的中间,而是从左边开始的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>
你能帮助我吗?我在这上面了将近一个小时而且无法弄明白......

1 个答案:

答案 0 :(得分:1)

我经常在打印时隐藏我的菜单,因为它不像任何人可以使用它们。为了做到这一点,只需将它放在一个头标签中,使用正确的类:

@media print {
    menu { display: none; }
}

如果要打印菜单,可以使用介质类型的打印来修复出现的任何错误。