You must Sign In to post a response.
  • Category: ASP.NET

    Arranging these textboxes in a single table with many columns

    Hi Everyone

    I have the below fields which have to be populated in a table with a specific style, but 'I am unable to fit them in this as the radio buttons and other tools move here and there when I execute the application..can someone please help me arrange them
    <style>
    body{margin-left:auto; margin-right:auto; width:1000px; border-top:solid #2aac48 5px; font-family:arial;}
    .main{border:solid blue 5px; margin-top:10px;}
    table{width:100%; background-color:#eef;}
    .hrr{height:3px; background-color:green;}
    td{margin-left:5px;}
    td:first-child, td:nth-child(3){text-align:right; max-width:150px;}
    td:nth-child(3){border-left:2px solid green; padding-left:5px;}
    .details [type='text'], .details select{width:200px;}
    .details textarea{width:200px; height:100px; resize:none;}
    a{text-decoration:none; color:#00a;}
    td.centre{text-align:center;}

    <div class="main">
    <table>
    <tbody class="details">
    <tr ><td>

    </td></tr>
    <tr><td colspan="11"> Survey</td></tr>
    <tr><td>Type</td>
    <td>Equipment at site</td>
    <td>Manufacturer</td>
    <td>Model No.</td>
    <td>Serial No</td>
    <td> Code</td>
    <td> Release</td>
    <td>Server</td>
    <td> Description</td>
    <td> No.</td>
    <td>Room</td></tr>
    <tr><td><asp:DropDownList runat="server" ID="DropDownList1" >
    </asp:DropDownList>
    </td>
    <td><asp:RadioButton runat="server" Text="Yes" ID="RadioButton1" GroupName="G1" /><asp:RadioButton runat="server" Text="No" ID="RadioButton2" GroupName="G1" /></td>
    <td><asp:DropDownList runat="server" ID="DropDownList2" /></td>
    <td><asp:TextBox runat="server" ID="TextBox1" /></td>
    <td><asp:TextBox runat="server" ID="TextBox2" /></td>
    <td><asp:TextBox runat="server" ID="TextBox3" /></td>
    <td><asp:TextBox runat="server" ID="TextBox4" /></td>
    <td><asp:TextBox runat="server" ID="TextBox5" /></td>
    <td><asp:TextBox runat="server" ID="TextBox6" /></td>
    <td><asp:TextBox runat="server" ID="TextBox7" /></td>
    <td><asp:TextBox runat="server" ID="TextBox8" /></td>
    <td><asp:Button runat="server" Text="Add" /></td>
    </tr>

    </tbody>
    </table>
    </div>
  • #765743
    Can you post the image which showing the alignment issue, that will be useful for find css issue
    By Nathan
    Direction is important than speed


  • Sign In to post your comments