выравнивание текстовых полей портится, когда требуются валидаторы? - PullRequest
1 голос
/ 14 сентября 2010

У меня есть таблица с парой текстовых полей. В этих 2 полях у меня есть обязательные поля. Когда валидаторы стреляют, выравнивание меняется. До того, как валидаторы сработают, с текстовыми полями будет хорошо.

Pic1 для после срабатывания валидатора. alt text

Pic2 для до запуска валидатора.

alt text

Вот HTML.

<table class="Borderblue" id="Table26" cellspacing="3" align="center" style="width: 100%;">
 <tr>
    <td bgcolor="White" style="width:20%" >
            First Name  <br/> 
            (on website)                                 
    </td>
     <td bgcolor="White" style="width:20%" >
           Middle Intial <br/> 
                 (on website) 
      </td>

      <td bgcolor="White" style="width:20%" >
              Last Name <br/> 
              (on website) 
      </td>
       <td bgcolor="White" style="width:20%" >
              Nick Name <br/> 
              (Goes By Name) 
       </td>  
    </tr>                               
     <tr>
         <td bgcolor="White" style="width:20%" >
             <asp:TextBox ID="txt6_2" runat="server" CssClass="TextBox SmallText" ></asp:TextBox>
              <asp:RequiredFieldValidator runat="server" id="RequiredFieldValidator8" ValidationGroup="ValidateInsert" Display="Dynamic" controltovalidate="txt6_2" errormessage="Please enter first name!" />
         </td>
         <td bgcolor="White" style="width:20%">
             <asp:TextBox ID="txt7_2" runat="server" CssClass="TextBox SmallText" MaxLength="2" Width="20px" style="vertical-align:top"  ></asp:TextBox>
        </td>                           
        <td bgcolor="White" style="width:20%">
               <asp:TextBox ID="txt8_2" runat="server" CssClass="TextBox SmallText"></asp:TextBox>
              <asp:RequiredFieldValidator runat="server" id="RequiredFieldValidator9" ValidationGroup="ValidateInsert" Display="Dynamic" controltovalidate="txt8_2" errormessage="Please enter last name!" />
            </td>                           
            <td bgcolor="White" style="width:20%" >
             <asp:TextBox ID="txt9_2" runat="server" CssClass="TextBox SmallText" width="120px"></asp:TextBox>                                                                            </td>            
      </tr>
</table>

CSS:

.SmallText
{
     font-family: Tahoma, Arial, Helvetica;
     text-align:justify;    
    font-size: 8.5pt;
 }
    .TextBox
    {
           Width: 100px;
           Height:12px;
           background-color:#F0F0F0;
           border: 1px solid #000000;
   }

1 Ответ

0 голосов
/ 14 сентября 2010

Возможно, вам потребуется переместить валидаторы в их собственные ячейки, чтобы ячейки текстового поля не расширялись. Или valign = "top" в ваших ячейках может работать.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...