CSS의 Image 옆에 버튼을 두는 방법은 무엇입니까?

내 asp.net 페이지에서 나는 Update Pannel이 있습니다. 비동기 포스트 백 문제를 피하기 위해 내 Print Button을 패널 외부에 배치해야하지만 다른 모든 라벨과 이미지는 여전히이 패널 안에 있으므로 내 CSS를 페이지의 스타일을 제어하려는 경우 내 btnPrint 바로 옆에 image1 .CSS의 Image 옆에 버튼을 두는 방법은 무엇입니까?

<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"을 사용하고 있습니다 :

여기 내 페이지 레이아웃입니다

.printBtn 
{ 
    position: relative; 
    top: -23px; 
    right: -700px; 
    font-weight: bold; 
}

그러나이 하드 코딩은 다른 브라우저에서 문제가 발생할 수 있습니다. CSS 버튼을 image1 옆에 바로 지정할 수 있습니까?

출처

2014-05-19 Bryuk

실제 출력 HTML이 필요한 전체 게시물을 수행하는 방법의 예입니다 PostBackTrigger

이 작업을 수행 할 수 있습니다. –

우리에게 html에 대한 실제 렌더링을 보여주십시오. 여러분의 질문에 대답하고자하는 디자이너 인 사람들에게'asp' 코드를 사용하지 마십시오. – Viscocent

절대 위치 지정을 사용해야합니다. 더 나은 해결책은 UpdatePanel 내부에 유지하는 것이지만 인쇄 버튼을 전체 포스트 백으로 만드는 것입니다. 당신은 여기에 다시 Force certain controls to do a full postback?

출처

2014-05-19 15:43:56 IanS

이것은 코멘트 일뿐 대답이 아니었을 것입니다. –

하지만 대답은 – IanS

나는 동의하지 않는다 .... 그것은 제안이다. 실제 HTML에 대해 알지 못하기 때문에 절대 위치가 적절하지 않을 수 있습니다. –

CSS의 Image 옆에 버튼을 두는 방법은 무엇입니까?

답변

관련 문제