將文本框放在'登錄框'背景圖像

我有一個'背景圖形'，它基本上是一個帶有兩個預製'白色框'的設計，我想定位我的登錄/密碼文本框。他們固執地拒絕從該圖像的左上角移開。將文本框放在'登錄框'背景圖像

我正在使用960網格系統，但我認爲這個問題可能不會受到影響。

我試過各種東西 - 嘗試絕對定位，填充/邊距設置。即使在視覺工作室中，我也使用菜單（gasp！）來選擇絕對位置並將其拖入框中。在設計師看來，它是在正確的位置，CSS已被添加，但在瀏覽器中，它又在左上角。我的電腦知道一種新型的'windows'之前有什麼建議嗎？

我的目標是能夠指定每個文本框應該在哪裏的x，y座標。我寧願不求助於切片和桌子以及所有這些東西。

該CSS是標準的grid960設置，我不會發布它由於大小。對於包含登錄圖像框：

#loginPanel { 
    background: url('/images/Main_Login2.png'); 
    height: 300px; 
}

[已經把各種定位設置對#loginPanel和#txtLogin，但至今沒有運氣]

的標記：

<div id="test" class="grid_2 "> 
<br /> 
</div> 
<div id="loginPanel" class="grid_8 "> 

    <asp:TextBox ID="txtLogin" runat="server"></asp:TextBox> 

</div>

任何幫助表示讚賞！

馬克

來源

2011-02-06 Glinkot

很多的意見，但沒有任何消息。我認爲這將是一件容易的事。無論如何，我找到了解決方案，不知道爲什麼絕對定位最初不適合我，但我認爲祕密是定位容器Divs而不是使用文本框本身的定位。下面的代碼是一種魅力，希望它有助於某人。

<div id="loginPanel" class="grid_8 push_2"> 
     <div style="position: absolute; top: 122px; left: 240px; width: 200px;"> 
      <asp:TextBox ID="TextBox1" runat="server" Height="16px" Font-Size="Small" Width="190px" 
       BorderStyle="None"></asp:TextBox> 
     </div> 
     <div style="position: absolute; top: 152px; left: 240px; width: 200px;"> 
      <asp:TextBox ID="txtPassword" runat="server" Height="16px" Font-Size="Small" Width="190px" 
       BorderStyle="None"></asp:TextBox> 
     </div> 
    </div>

來源

2011-02-07 01:41:53 Glinkot

將文本框放在'登錄框'背景圖像

回答

相關問題