locked
asp.net several textbox line disappears while resizing browser RRS feed

  • Question

  • User-418973555 posted

    At some point, the textboxes' lines look perfectly while resizing, but not at all of the resizing,, it may disappear top line, or left line of the textboxes, 

    the workaround for me now is to set the borderwidth of the textboxes to 1px, but it looks quite thick imo

     <div class="menuslider1" id="menuslider1">
                    <div class="divbuynowimg"><img  src="images/btn_buy_now.fw.png" /></div>
                    <div class="divcustomerinfo" style="; padding-left:100px;padding-top:50px;">
                        <table style="width:600px;height:auto;">
                           
                            <tr>
                                <td width="0px"></td>
                                <td width="25px"></td>
                                <td width="250px"><div class="divbuynowpanelfont">Customer Name</div></td>
                                <td width="25px"></td>
                                 <td width="25px"></td>
                                <td width="25px;"></td>
                                <td width="250px"><div class="divbuynowpanelfont">Choose your delivery option</div></td>
                            </tr>
                             <tr>
                                <td width="0px"></td>
                                <td width="25px"></td>
                                <td width="250px" height="21px"><asp:TextBox ID="tbCusName" runat="server" Width="200px" Height="20px"></asp:TextBox></td>
                                <td width="25px"></td>
                                <td width="25px"></td>
                                <td width="25px"></td>
                                <td width="250px"></td>
                            </tr>
                              <tr>
                                <td width="0%"></td>
                                <td width="25px"></td>
                                <td width="250px"><div class="divbuynowpanelfont">Delivery Address</div></td>
                                <td width="25px"></td>
                                <td width="25px"></td>
                                <td width="25px"></td>
                               <td width="250px"></td>
                            </tr>
                              <tr>
                                <td width="0%"></td>
                                <td width="25px"></td>
                                <td width="250px" height="21px"><asp:TextBox ID="tbCusAddressStreet" runat="server"  Width="200px" Height="20px" ></asp:TextBox></td>
                               <td width="25px"></td>
                                <td width="25px"></td>
                               <td width="25px"></td>
                                <td width="250px"></td>
                            </tr>
    
                              <tr>
                                <td width="0%"></td>
                                <td width="25px"></td>
                                <td width="250px" height="21px"><asp:TextBox ID="txtCusAddressCity" runat="server" Width="200px"  Height="20px" ></asp:TextBox></td>
                                <td width="25px"></td>
                                <td width="25px"></td>
                                <td width="25px"></td>
                                <td width="250px"></td>
                            </tr>
                              <tr>
                                <td width="0%"></td>
                                <td width="25px"></td>
                                <td width="250px" height="21px"><asp:TextBox ID="txrCusAddressPoscode" runat="server" Width="200px"  Height="20px"></asp:TextBox></td>
                               <td width="25px"></td>
                                <td width="25px"></td>
                                <td width="25px"></td>
                                <td width="250px"></td>
                            </tr>
    
                        </table>
    
                    </div>
    
                </div>

    Friday, January 10, 2020 7:55 AM

Answers

  • User-418973555 posted

    maybe will try css it

      .txtbox
            {
                      
                border-top-left-radius: 5px;
                border-top-right-radius: 5px;
                border-bottom-left-radius: 5px;
                border-bottom-right-radius: 5px;
             border:1px solid #cccccc
                
            }

    • Marked as answer by Anonymous Thursday, October 7, 2021 12:00 AM
    Friday, January 10, 2020 8:11 AM

All replies

  • User-418973555 posted

    maybe will try css it

      .txtbox
            {
                      
                border-top-left-radius: 5px;
                border-top-right-radius: 5px;
                border-bottom-left-radius: 5px;
                border-bottom-right-radius: 5px;
             border:1px solid #cccccc
                
            }

    • Marked as answer by Anonymous Thursday, October 7, 2021 12:00 AM
    Friday, January 10, 2020 8:11 AM
  • User288213138 posted

    Hi larnvok09,

    larnvok09

    At some point, the textboxes' lines look perfectly while resizing, but not at all of the resizing,, it may disappear top line, or left line of the textboxes, 

    the workaround for me now is to set the borderwidth of the textboxes to 1px, but it looks quite thick imo

    According to your description, I couldn’t understand your requirement clearly.

    You can take a screenshot to show your problem, and what you requirement?

    Best regards,

    Sam

    Friday, January 10, 2020 8:30 AM