如何將表格菜單對齊到一個橫幅

我的菜單有一些小問題。我正在做一個80％的框架（是寬度）的橫幅，我得到了一個桌子剛剛在我的菜單橫幅。在這裏，我的問題，我不知道我怎麼可以修復的位置在旗幟的右角，如果我將他的位置設置爲絕對，它不會跟着橫幅，當我縮小框架。所以即時通訊想知道他們的方式，表可以按照圖像，而不是框架。這裏我對HTML表CSS代碼：如何將表格菜單對齊到一個橫幅

border: 1px solid black; 
border-color:Black; 
display:none; 
width:150px; 
position:absolute; 
left:1200px; 
vertical-align:top;

這裏的橫幅：

style="width: 80%; height: 175px; margin-left: 0px" align="middle" />

這裏我對我的主網頁代碼中的菜單和橫幅都包含：

<%@ Master Language="VB" CodeFile="MasterPage.master.vb" Inherits="MasterPage" %> 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 

<html xmlns="http://www.w3.org/1999/xhtml"> 
<head runat="server"> 
    <title></title> 
    <asp:ContentPlaceHolder id="head" runat="server"> 
    </asp:ContentPlaceHolder> 
    <link rel="Stylesheet" type="text/css" href="StyleSheet.css" /> 
    <style type="text/css"> 
     .style2 
     { 
      width:471px; 
      background-size: 100%; 
      background-position:center; 

     } 
     </style> 
</head> 
<body class="MainBody"> 
    <form id="form1" runat="server" class="MainForm"> 
    <div class="Header" runat="server" style="width:100%;"> 
     <div style="text-align:right; width:100%;" align="center"> 
      <table id="Tablessss";border="1"; 
       style="text-align:center; width:100%; table-layout:fixed; height: 94px;" 
       width="100%" align="center"> 
       <tr> 
        <td id="td_Title" runat="server" valign="middle" class="style2"><asp:ScriptManager ID="ScriptManager1" EnablePageMethods="true" runat="server"></asp:ScriptManager> 
         <table id="TB_Conn" runat="server" class="Connection" align="right"> 
          <tr> 
           <td align="center" class="Cells"> 
        <asp:Label ID="lbl_User" runat="server" Font-Size="Medium" ></asp:Label> 
           </td> 


           <td align="center" class="Cells"> 
        <asp:Label ID="lbl_Access" runat="server" Font-Size="Medium" ></asp:Label> 
           </td> 

           <td align="center" class="Cells"> 
        <asp:Button ID="btn_Disconnect" runat="server" text="D&eacute;connecter" 
          Visible="true" /> 
           </td> 
          </tr> 
         </table> 
         <img alt="" src="pharmacy-banner.jpg" 
          style="width: 80%; height: 175px; margin-left: 0px" align="middle" /> 

        </td> 
       </tr> 
      </table> 
     </div> 
    </div> 
    <div style="position:relative;min-height:100%;height:auto !important;height:100%;"> 
     <asp:ContentPlaceHolder id="ContentPlaceHolder1" runat="server"> 

     </asp:ContentPlaceHolder> 
    </div> 
    <div class="Footer" runat="server"> 
     <asp:Label ID="lb_Developped" runat="server" Text="D&eacute;velopp&eacute; par EXA Systems Inc."></asp:Label><br />www.exainc.com</div> 
    </form> 
</body> 
</html>

thx

來源

2013-03-12 William Proulx

要解決這樣的問題，我們需要看到你的CSS和HTML。請把它拴在你的問題上。 – 2013-03-12 15:11:08

@Diodeus - 請修理你的屁股;） – j08691 2013-03-12 15:13:22

該死的，畢竟這些年我仍然無法打字。 – 2013-03-12 15:21:22

嘗試使用float:right;並嘗試顯示您的代碼在jsfiddle.net像網站...

來源

2013-03-12 16:56:45

是的，這不是我想要的。我的橫幅沒有完成100％的頁面，我希望我的桌子在右側的頂部按照橫幅。 – 2013-03-12 17:18:08

最後它的工作！謝謝 – 2014-03-25 18:22:42

如何將表格菜單對齊到一個橫幅

回答

相關問題