更新面板导致表格设计出现问题 [英] Update panel causing problem in table design

问题描述

 <   table     width   =  770px    align   =  center >  
 
 
 <   tr  >  
 <   td     width   =  100px   < span class =code-attribute> align   =  left >  
入学类型<   / td  >  
 <   td     width   =  150px    align   =   left >  
 
 <   / td  >  
 
 <   td     width   =  100px    align   =  left >  
引用<   / td  >  
 
 <   td     width   =   150px    align   =  left >  
 <   / td  >  
 <   / tr  >  
 
 <   tr  >  
 
 
 <   td     colspan   =  4  >  
 <   asp：UpdatePanel     ID   =  UpdatePanel2    runat   = 服务器 >  
 <   contenttemplate  >  
 
 <   table     width   =  770px    align   = 中心 >  
 
 <   tr  >  
 <   td     width   =  100px    align   =  left > ;  
 MCTS 
 UID <   / td  >  
 <   td     width   =  285px    align   =  left >  
 <   asp：TextBox     ID  < span class =code-keyword> =  txtUID    runat   =  server   宽度  =  150px    MaxLength   =  18 >  
 
 <   / td  >  
 <   td     width   =  100px   < span class =code-attribute> align   =  left >  
录取日期
 <   / td  >  
 <   td     width   =  285px    align   =  left >  
 <   SQ：DatePicker     ID   =  dpAdmiDate      runat   =  server      DateFormat   = ％d /％m /％Y    AutoPostBack   =  false    /  >  
 <   br     /  > （在DD / MM / YYYY中）
 <   / td  >  
 <   / tr  >  
 <   tr  >  
 <   td     width   =  100px    align   =  left >  
 DOB 
 <   / td  >  
 <   td     width   =  285px    align   =  left >  
 <   SQ：DatePicker     ID   =  dpDOB      runat   =  server    DateFormat   = ％d /％m /％Y    
   
           AutoPostBack   =  false    /  >  
  <   asp：按钮    ID   =  btncalcdob    runat   =  server   文字  =  Calc DOB    
   
        < span class =code-attribute>           onclick   =  btncalcdob_Click    /  >  <   br  < span class =code-attribute>   /  > （在DD / MM /中YYYY）
 
 <   / td  >  
 <   td     width   =  100px     align   = < SP a class =code-keyword> left >  
年龄月份<   / td  >  
  <   td     width   =  285px    align   =  left >  
 <   asp：TextBox     ID   =  txtage   宽度    =  60px    runat   =  server    
   
                   ontextchanged   =  txtage_TextChanged >  
 
 <  < span class =code-leadattribute> asp：Button     ID   =  btnAgeInMonth    runat   =  server    onclick   =  btnAgeInMonth_Click    
   
                  文字  =  计算年龄    /  >  
 
  <   / td  >  
 <   / tr  >  
 <   tr  >  
 <   td     colspan   =  4    align   =  left >  
 <   asp：UpdateProgress     ID   =  UpdateProgress2    runat   = 服务器    AssociatedUpdatePanelID   =  UpdatePanel2 >  
 <   progresstemplate  >  
 < span class =code-keyword><   div     id   =  overlay1 >  
 <   div     id   =  modalprogress1 >  
 <   div     id   =  theprogress1  >  
 <   asp：Image     ID   =  imgWaitIcon1     runat   = < span class =code-keyword> server    ImageAlign   =  AbsMiddle    ImageUrl   =  / images / LoadingBigCircle.gif    /  >  
请稍候... 
 <   / div  >  
 <   / div  >  
 <   / div  >  
 <   / progresstemplate  >  
 
 <   / td  < span class =code-keyword>>  
 <   / tr  >  
 
 <   / table  >  
 
 <   / contenttemplate  >  
 
 <   / td  >  
 
 
 <   / tr  >  <   / table  >  

解决方案

发布整个页面代码并期待我们的答案是一个非常错误的想法。



看，我们看不到你的电脑，所以我们不能猜猜你究竟发生了什么。

所以，请描述一下这个场景并尝试解释你究竟想要达到的目标。



如果可能，将链接发布到问题的屏幕截图。

如果您这样做，会员将很乐意为您提供帮助。



例如在FireFox中使用FireBug等开发人员工具并尝试找到页面中的元素。

然后你很容易看到应用它的CSS和内联样式。

检查该表及其CSS的周围元素。你会知道究竟是什么令人不安。



Happy Coding。 ：）

<table width="770px" align="center">


<tr>
<td width="100px" align="left">
    Admission Type </td>
<td width="150px" align="left">
 
</td>

<td width="100px" align="left">
    Refered By</td>

<td width="150px" align="left">
       </td>
</tr>

<tr>


<td colspan="4">
<asp:UpdatePanel ID="UpdatePanel2" runat="server">
 <contenttemplate>

<table width="770px" align="center">

<tr>
<td width="100px" align="left">
    MCTS
    UID</td>
<td width="285px" align="left">
     <asp:TextBox ID="txtUID" runat="server" Width="150px" MaxLength="18">

</td>
<td width="100px" align="left">
Admission Date
</td>
<td width="285px" align="left">
<SQ:DatePicker ID="dpAdmiDate"  runat="server"  DateFormat="%d/%m/%Y" AutoPostBack="false" />
 <br />(In DD/MM/YYYY)
    </td>
</tr>
<tr>
<td width="100px" align="left">
    DOB
</td>
<td width="285px" align="left">
<SQ:DatePicker ID="dpDOB"  runat="server" DateFormat="%d/%m/%Y" 

    AutoPostBack="false" />    
   <asp:Button ID="btncalcdob" runat="server" Text="Calc DOB" 

        onclick="btncalcdob_Click" /><br />(In DD/MM/YYYY)

</td>
<td width="100px" align="left">
    Age In Month</td>
<td width="285px" align="left">
         <asp:TextBox ID="txtage" Width ="60px" runat="server" 

        ontextchanged="txtage_TextChanged">

    <asp:Button ID="btnAgeInMonth" runat="server" onclick="btnAgeInMonth_Click" 

        Text="Calc Age" />

  </td>
</tr>
<tr>
<td colspan="4" align="left">
<asp:UpdateProgress ID="UpdateProgress2" runat="Server" AssociatedUpdatePanelID="UpdatePanel2"> 
    <progresstemplate> 
     <div id="overlay1">
            <div id="modalprogress1">
                <div id="theprogress1">
                    <asp:Image ID="imgWaitIcon1" runat="server" ImageAlign="AbsMiddle" ImageUrl="/images/LoadingBigCircle.gif" />
                    Please wait...
                </div>
            </div>
        </div>
    </progresstemplate> 
 
</td>
</tr>

</table>

</contenttemplate>

</td>


</tr></table>

解决方案

Posting the whole page code and expecting answers from our end is a very wrong idea.

Look, we can't see you computer, so we can't guess what exactly happening with you.
So, please describe the scenario and try to explain what exactly you are trying to achieve.

If possible, post the link to a screenshot of the issue.
Members will be happy to help you, if you do this way.

Use Developer tools like FireBug in FireFox for example and try to find the element in the page.
Then you easily see the CSS and inline styles applied to it.
Check the surrounding elements to that table and their CSS. You will know what exactly is disturbing that.

Happy Coding. :)

这篇关于更新面板导致表格设计出现问题的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！