如何在CSS中将按钮放在Image旁边?

时间:2014-05-19 15:39:02

标签: html css asp.net position css-position

在我的asp.net页面上,我有一些Update Pannel。为了避免异步回发的问题,我必须将我的Print Button放在面板之外,但是我的按钮的所有其他标签和图像仍然在这个面板内,所以我想控制CSS中的页面样式来放置我的{ {1}}旁边的btnPrint

这是我的页面布局:

image1

目前,我正在使用此<div id="Toolbar"> <asp:UpdatePanel ID="UpdateToolbar" runat="server" UpdateMode="Conditional"> <ContentTemplate> <asp:Label ID="Label3" runat="server" Text=" Months: "></asp:Label>&nbsp; <asp:DropDownList ID="ddlMonth" runat="server"></asp:DropDownList> <asp:Label ID="Label2" runat="server" Text=" Year: "></asp:Label>&nbsp; <asp:DropDownList ID="ddlYear" runat="server"></asp:DropDownList> <b id="buttonWrap">> <asp:Image ID="Image2" runat="server" ImageUrl="Images/DefRefreshBtn.png" Width="15" Height="20" />&nbsp; <asp:LinkButton ID="btnRefresh" runat="server" OnClick="btnRefresh_Click1">Refresh</asp:LinkButton>&nbsp;&nbsp;&nbsp; <asp:Image ID="Image1" runat="server" ImageUrl="Images/DefPrintBtn.png" Width="27" Height="20" /> </b> </ContentTemplate> </asp:UpdatePanel> <asp:LinkButton ID="btnPrint" runat="server" onclick="btnPrint_Click" CssClass="printBtn">Print</asp:LinkButton>&nbsp;&nbsp;&nbsp; </div>

CssClass="printBtn"

但是这种硬编码可能会导致不同浏览器出现问题。有没有办法在CSS中指定我的按钮就在.printBtn { position: relative; top: -23px; right: -700px; font-weight: bold; } 旁边?

1 个答案:

答案 0 :(得分:1)

您需要使用绝对定位。更好的解决方案是将其保留在UpdatePanel中,但使打印按钮执行完整的回发。您可以使用PostBackTrigger

执行此操作

以下是如何完整回发的示例 Force certain controls to do a full postback?