1. 首頁
  2. 問答
  3. 我想減少我的asp.net的網頁表單的間距

我想減少我的asp.net的網頁表單的間距

2009-11-18 22 views
-2

我想，以減少在我的網頁間距：我想減少我的asp.net的網頁表單的間距

的問題是下面的按鈕「後退」和「下一個」是不可見的，而不向下滾動

我已經發布代碼如下：

<asp:View runat="server" ID="view_1"> 
       <asp:ScriptManager ID="scrMgr" runat="server"> 
       </asp:ScriptManager> 
       <h1 class="blue" style="margin-bottom:0px;"> 
        <asp:Label ID="lbl_viewTitle1" runat="server" Text="Label"></asp:Label> 
       </h1> 
       <div style="margin:0px; padding:0px; border:none; clear:both;"> 
       <table border="0"> 
        <tr> 
         <td> 
          <table border="1" style="border-color: Green; border-width: thin;"> 
           <tr> 
            <td valign="top" id="tdReadableContent" runat="server"> 
             <div style="height: 167px; width:450px;"> 
              <table border="0" cellpadding="0" cellspacing="0" width="100%"> 
               <tr> 
                <td class="blue" style="height:16px!important;" colspan="3"><b>Your Current Settings</b></td> 
               </tr> 
               <tr style="width:10px"><td colspan="3"></td></tr> 
               <tr id="trUserDetail_read" runat="server"> 
                <td class="tabRow" valign="baseline"> 
                 <asp:Label ID="lbl_view1_userID_Read" runat="server" Text="User ID"></asp:Label> 
                </td> 
                <td> 
                 <asp:TextBox ID="txt_view1_userID_Read" ReadOnly="true" runat="server" AutoPostBack="true" 
                 CssClass="text_box_gray"></asp:TextBox><div class="smallText" nowrap> 
                  &nbsp;&nbsp;<%--(This would be the ID you would normally log on with.)--%></div> 
                </td> 
                <td>&nbsp;</td> 
               </tr> 

               <tr> 
                <td width="150" class="tabRow"> 
                 <asp:Label ID="lbl_panview3_label2_read" runat="server" Text="Store Number "></asp:Label> 
                </td> 
                <td> 
                 <asp:TextBox ID="txt_panview3_input2_read" CssClass="text_box_gray" ReadOnly="true" runat="server" MaxLength="4"></asp:TextBox> 
                </td> 
                <td>&nbsp;</td> 
               </tr> 
               <tr> 
                <td class="tabRow"> 
                 <asp:Label ID="lbl_view1_surname_read" runat="server" Text="Surname"></asp:Label> 
                </td> 
                <td> 
                 <asp:TextBox ID="txt_view1_surname_read" ReadOnly="true" CssClass="text_box_gray" runat="server"></asp:TextBox> 
                </td> 
                <td>&nbsp;</td> 
               </tr> 

               <tr id="trFirstName_Read" runat="server"> 
                <td width="150" class="tabRow"> 
                 <asp:Label ID="lbl_view1_firstName_Read" runat="server" Text="First Name"></asp:Label> 
                </td> 
                <td width="200"> 
                 <asp:TextBox ID="txt_view1_firstname_Read" ReadOnly="true" runat="server" CssClass="text_box_gray"></asp:TextBox> 
                </td> 
                <td>&nbsp;</td> 
               </tr> 
               <tr> 
                <td></td> 
                <td> 
                 &nbsp;&nbsp; 
                 <%--<asp:Label ID="Label1" CssClass="errorText" runat="server"></asp:Label>--%> 
                </td>  
               </tr> 
               <tr> 
                <td class="tabRow">&nbsp; 
                 <%--<asp:Label ID="Label2" runat="server" Text="Employee Number "></asp:Label>--%> 
                </td> 
                <td width="200">&nbsp; 
                 <%--<asp:TextBox ID="TextBox1" runat="server" 
                 CssClass="text_box_3" MaxLength="10"></asp:TextBox>--%> 
                </td> 
               </tr>  
              </table> 
             </div> 
             <asp:Label runat="server" ID="label11"></asp:Label> 
             <hr class="hrRequestorForm" /> 
             <div id="divRoleDepartment_ReadOnly" runat="server" style="margin-left:20px; height:390px; overflow:auto;" class="tabel1Parent"> 
              <table border="0" cellpadding="0" cellspacing="0" width="100%"> 
               <tr> 
                <td> 
                 <asp:Panel ID="panelStore_Read" runat="server"> 
                  <table border="0" cellpadding="0" cellspacing="0" width="100%"> 
                   <tr> 
                    <td valign="top"> 
                     <asp:GridView ID="gvRoleDepartment_ReadOnly" runat="server" AutoGenerateColumns="false"> 
                      <Columns> 
                      <asp:TemplateField> 
                         <ItemTemplate> 
                          <asp:CheckBox ID="chkRole_Read" runat="server" Enabled="false" /> 
                          <input type="hidden" id="hdRoleCode_Read" value="<%#Bind('ddl_code') %>" runat="server" /> 
                          <input type="hidden" id='hdDepCode_Read' value="<%#Bind('dep_code') %>" runat="server" /> 
                         </ItemTemplate> 
                        </asp:TemplateField> 
                       <asp:BoundField DataField="ddl_item" HeaderText="Role" ItemStyle-CssClass="roleColumn2" /> 
                       <asp:BoundField DataField="dep_name" HeaderText="Department" ItemStyle-CssClass="departmentColumn" /> 
                      </Columns> 
                      <EmptyDataTemplate> 
                       <div class="tabel1Parent"> 
                       <table border='0' cellpadding='0' cellspacing='0' style='border-color: green; border-width: thin; 
                        width: 390px; border-left: #9787b1 solid 1px; border-top: #9787b1 solid 1px;'> 
                        <tr> 
                         <td class='roleColumn'> 
                          <b>Role</b> 
                         </td> 
                         <td class='departmentColumn'> 
                          <b>Department</b> 
                         </td> 
                        </tr> 
                       </table> 
                       </div> 
                      </EmptyDataTemplate> 
                     </asp:GridView> 
                    </td> 
                   </tr> 
                  </table> 
                  <table border="0" cellpadding="0" cellspacing="0" width="100%"> 
                   <tr> 
                    <td valign="top"> 
                     &nbsp; 
                    </td> 
                    <td> 
                     &nbsp; 
                    </td> 
                   </tr> 
                  </table> 
                 </asp:Panel> 
                </td> 
               </tr> 
              </table> 
             </div> 
            </td> 
            <td valign="top" > 
             <div style="height:160px; width:450px;"> 
              <table border="0" cellpadding="0" cellspacing="0" width="100%"> 
               <tr> 
                <td class="blue" style="height:16px!important;" colspan="3"><b> 
                <asp:Label ID="lblNewSettings" runat='server' Text="Your New Settings"></asp:Label> 
                </b></td> 
               </tr> 
               <tr id="trUserDetail" runat="server"> 
                <td class="tabRow" valign="baseline"> 
                 <asp:Label ID="lbl_view1_userID" runat="server" Text="User ID "></asp:Label> 
                </td> 
                <td class="textFieldColumn"> 
                 <asp:TextBox ID="txtUserID" TabIndex="1" text="Enter User id.." 
                  runat="server" AutoPostBack="true" 
                  CssClass="text_box_highlight" 
                  onfocus="defaultStyle();" 
                  onkeypress="ChangeUserIdBackground();" 
                  MaxLength ="50"></asp:TextBox><span id="starUserId" runat="server" style="color:Red">&nbsp;*</span> 
                  <asp:RequiredFieldValidator ID="rfvUserID" runat="server" ControlToValidate="txtUserID" 
                  ErrorMessage=" Required field" ValidationGroup="Form2"></asp:RequiredFieldValidator><div class="smallText" nowrap> 
                  &nbsp;&nbsp;(This would be the ID you would normally log on with.)</div></td> 

               </tr> 
               <tr> 
                <td colspan="2" style="padding-left:135px"> 
                 <asp:Label ID="lblUserExists" CssClass="errorText" runat="server"></asp:Label> 
                 <asp:RegularExpressionValidator ID="RegularExpressionValidator5" runat="server" 
                  ControlToValidate="txt_panview3_input2" ErrorMessage="Store should be a number" 
                  ValidationExpression="[0-9]+"></asp:RegularExpressionValidator> 
                </td>  
               </tr> 
               <tr> 
                <td width="150" class="tabRow"> 
                 <asp:Label ID="lbl_panview3_label2" runat="server" Text="Store Number "></asp:Label> 
                </td> 
                <td> 
                 <asp:TextBox ID="txt_panview3_input2" runat="server" 
                 MaxLength="4" CssClass="text_box_3">0000</asp:TextBox> 
                 <span id="starStoreNumber" runat="server" style="color:Red">&nbsp;*</span> 
                 <asp:RequiredFieldValidator ID="rfvStoreNumber" runat="server" 
                 ControlToValidate="txt_panview3_input2" ErrorMessage=" Required field" 
                 ValidationGroup="Form2" ></asp:RequiredFieldValidator> 
                </td> 
               </tr> 
               <tr> 
                <td class="tabRow"> 
                 <asp:Label ID="lbl_view1_surname" runat="server" Text="Surname "></asp:Label> 
                </td> 
                <td > 
                 <asp:TextBox ID="txt_view1_surname" runat="server" 
                  CssClass="text_box_3" 
                  MaxLength ="50"></asp:TextBox> 
                  <span id="starSurName" runat="server" style="color:Red">&nbsp;*</span> 
                 <asp:RequiredFieldValidator ID="rfvSurName" runat="server" ControlToValidate="txt_view1_surname" 
                  ErrorMessage=" Required field" ValidationGroup="Form2"></asp:RequiredFieldValidator> 

                </td> 
               </tr> 
               <tr id="trFirstName" runat="server"> 
                <td width="150" class="tabRow"> 
                 <asp:Label ID="lbl_view1_firstName" runat="server" Text="First Name"></asp:Label> 
                </td> 
                <td > 
                 <asp:TextBox ID="txt_view1_firstname" runat="server" 
                  CssClass="text_box_3" 
                  MaxLength ="50"></asp:TextBox> 
                  <span id="starFirstName" runat="server" style="color:Red">&nbsp;*</span> 
                  <asp:RequiredFieldValidator ID="rfvFirstName" runat="server" ControlToValidate="txt_view1_firstname" 
                  ErrorMessage=" Required field" ValidationGroup="Form2"></asp:RequiredFieldValidator> 
                </td> 
               </tr> 
               <tr> 
                <td class="tabRow"> 
                 <asp:Label ID="lblEmployeeNumber" runat="server" Text="Employee Number "></asp:Label> 
                </td> 
                <td width="280"> 
                 <asp:TextBox ID="txtEmployeeNumber" runat="server" 
                 CssClass="text_box_3" MaxLength="6"></asp:TextBox> 
                 <span id="starEmployeeNumber" runat="server" style="color:Red">&nbsp;*</span> 
                 <asp:RequiredFieldValidator ID="rfvEmplyeeNumber" runat="server" ControlToValidate="txtEmployeeNumber" 
                  ErrorMessage="Required field" ValidationGroup="Form2"></asp:RequiredFieldValidator> 
                </td> 
                <td> 
                 <asp:RegularExpressionValidator ID="RegularExpressionValidator4" runat="server" 
                 ControlToValidate="txtEmployeeNumber" ErrorMessage="Enter a numeric value" 
                 ValidationExpression="[0-9]+"></asp:RegularExpressionValidator> 
                </td> 
               </tr>             
              </table> 
              <b><asp:Label ID="lblCaption2" runat="server" Text="Note: All fields are mandatory" ForeColor="Red"></asp:Label></b> 
             </div> 
             <hr class="hrRequestorForm" /> 
             <div style="padding-left:20px;" id="divRoleDepartment" runat="server"> 
              <div class="tabel1Parent"> 
               <table border="0" cellpadding="0" cellspacing="0"> 
                <tr> 
                 <td> 
                  <asp:Panel ID="panelStore" runat="server"> 
                   <table border="0" cellpadding="0" cellspacing="0" width="100%"> 
                    <tr> 
                     <td valign="top"> 
                      <asp:GridView ID="gvRoleDepartment" runat="server" AutoGenerateColumns="false"> 
                       <Columns> 
                        <asp:TemplateField> 
                         <ItemTemplate> 
                          <asp:CheckBox ID="chkRole" runat="server" /> 
                          <input id="hdRoleCode" runat="server" type="hidden" 
                           value="<%#Bind('ddl_code') %>" /> 
                          <input id="hdDepCode" runat="server" type="hidden" 
                           value="<%#Bind('dep_code') %>" /> 
                         </ItemTemplate> 
                        </asp:TemplateField> 
                        <asp:BoundField ControlStyle-CssClass="roleColumn" ControlStyle-Width="300px" 
                         DataField="ddl_item" HeaderText="Role" ItemStyle-CssClass="roleColumn" /> 
                        <asp:BoundField ControlStyle-CssClass="departmentColumn" 
                         ControlStyle-Width="120px" DataField="dep_name" HeaderText="Department" 
                         ItemStyle-CssClass="departmentColumn" /> 
                       </Columns> 
                      </asp:GridView> 
                      <span ID="lbl_chkBx_store_workunit" class="errorText"></span> 
                     </td> 
                     <td> 
                      &nbsp; 
                     </td> 
                    </tr> 

                   </table> 
                  </asp:Panel> 
                 </td> 
                </tr> 
               </table> 
              </div> 
              <br /> 
              <div> 
               <table> 
                <tr> 
                 <td> 
                  <asp:Label ID="lblException" runat="server" CssClass="errorText"></asp:Label> 
                 </td> 
                </tr> 
               </table> 
              </div> 
              <br /> 
             </div> 
            </td>          
           </tr> 
          </table> 
         </td> 
        </tr> 
        <tr> 
         <td> 
          <br /> 
          <div> 
           <table> 
            <tr> 
             <td> 
              <asp:Button ID="btn_view1_back" runat="server" Text="Back" CausesValidation="False" 
               ValidationGroup="Form2" /> 
              <asp:Button ID="btn_View1_Next" runat="server" CausesValidation="true" Text="Next" 
               ValidationGroup="Form2" OnClientClick="return check_sel();" UseSubmitBehavior="True" /> 
              <% 
               'mahesh code 
               'replaced OnClientClick="return ValidateDropDown(); with OnClientClick="return check_sel() " 
              %> 
             </td> 
            </tr> 
           </table> 
          </div> 
          <br /> 
         </td> 
        </tr> 
       </table> 
       </div> 
      </asp:View>

請幫助@！

來源

2009-11-18 SmartestVEGA

+1

如果您隔離問題並粘貼相關部件，它會有所幫助。 – Abel 2009-11-18 15:06:11

+0

所有都是相關的...有沒有什麼可以隔離... – SmartestVEGA 2009-11-18 15:09:20

+0

你爲什麼要減少間距？ – 2009-11-18 15:11:52

回答

0

如果您不必支持舊版本的Internet Explorer，另一種選擇是使用position：fixed將您的按鈕「粘」到可查看窗口的底部。

<div style="position: fixed; bottom: 0px;"> 
    <asp:Button ID="btn_view1_back" ... /> 
    <asp:Button ID="btn_view1_next" ... /> 
</div>

來源

2009-11-18 17:36:53

2

丟失表格，或者至少刪除不必要的<div>和<br>標記。

來源

2009-11-18 15:09:27 IrishChieftain

+1

+1擺脫表格，並在CSS中做你的佈局。如果你之前沒有這樣做過，需要一段時間才能習慣，但是一旦你完成了轉換，它會給你更多的控制權。 – 2009-11-18 15:24:02

+2

我希望你有很多時間和耐心來在CSS中做這種佈局，並使工作跨瀏覽器。 – Phaedrus 2009-11-18 15:28:25

+2

這個餅圖可能有助於說明我的觀點:) - http://beradrian.files.wordpress.com/2008/01/breakdown.png – Phaedrus 2009-11-18 15:35:34

3

你說你的問題是按鈕不在視圖中。您可以通過using this technique將控件滾動到視圖中。或者你可以在我的屏幕上加載頁面，我有一個更大的顯示器。

我想說的是：如果它在重新設計後在屏幕上可見，任何具有較小屏幕或調整大小的瀏覽器窗口的人都不會看到它。

如果您希望爲您的HTML設計提供點幫助，我建議您上傳一個我們可以複製和粘貼以測試（或顯示當前頁面的在線鏈接）的問題的修剪示例。

來源

2009-11-18 15:45:06 Abel

+1

+1適用於較大的顯示器。 – Phaedrus 2009-11-18 15:50:58

相關問題

 相關問題