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

    Css styles not properly getting arraged

    Hello

    I have been given below css file, the design code for aspx file is below, I am unable to adjust it at all, can you please help me adjust my tables accordingly. I tried to give clss but they r all over the form
    <style>
    body{margin-left:auto; margin-right:auto; width:1000px; border-top:solid #2aac48 5px; font-family:arial;}
    .header{margin: 15px;}
    .header img{float:left; margin: 0 15px;}
    .header ul{list-style-type: none; margin:20px; padding: 0; display: inline;}
    .header li{display:block; float:left; width: 100px; margin: 0 10px; padding-top: 30px;}
    .header a{text-decoration: none; color: #444444;}
    .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;}
    .welcome td{font-spacing:1.2em; background-color:#eff; text-align:left; padding:5px;}
    .welcome span{font-size:0.9em;}
    .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" >
    <asp:Panel runat="server" ID="Panel1">
    <table>
    <tbody class="details">
    <tr class="welcome"><td colspan='4' ><p>location</p><p> When all details are completed you will be asked to submit them.</p></td></tr>
    <tr><td ><p><asp:Label runat="server" ID="Label1" Text=" Details" Font-Bold="True" Font-Size="Large" ForeColor="#999999" /></p></td></tr>
    <tr><td><asp:Label runat="server" Text="ID" Enabled="False" ForeColor="Black"></asp:Label></td>
    <td> <asp:Label runat="server" Enabled="False" ReadOnly="True" ForeColor="#999999">AE21</asp:Label></td>
    <td><asp:Label runat="server" Text="Address" ForeColor="Black"></asp:Label></td><td> <asp:Label runat="server" Enabled="False" ReadOnly="True" ForeColor="#999999"> Rolla District,. </asp:Label></td></tr>
    <tr><td><asp:Label runat="server" Text="Site Name" ForeColor="Black"></asp:Label></td><td><asp:Label runat="server" Enabled="False" ReadOnly="True" ForeColor="#999999">S Branch</asp:Label></td><td><asp:Label runat="server" Text="City" ForeColor="Black"></asp:Label></td><td> <asp:Label runat="server" Enabled="False" ReadOnly="True" ForeColor="#999999">SAR</asp:Label></td></tr>
    <tr><td><asp:Label runat="server" Text="Date" ForeColor="Black"></asp:Label></td><td> <asp:Label runat="server" Enabled="False" ReadOnly="True" ForeColor="#999999">14-Mar-16</asp:Label></td><td><asp:Label runat="server" Text="Country" ForeColor="Black"></asp:Label></td><td> <asp:Label runat="server" Enabled="False" ReadOnly="True" ForeColor="#999999">E</asp:Label></td></tr>
    <tr><td colspan='4' class='hrr'></td></tr>
    </tbody>
    </table>
    </asp:Panel>
    <asp:Panel runat="server" ID="Panel2" Height="287px">
    <table>
    <tbody class="details">

    <tr>
    <td align="left"><asp:Label runat="server" Text="Contacts" Font-Bold="True" Font-Size="Large" ForeColor="#006699" Align="Left"/></td><td><asp:Label runat="server" Text="Name" Font-Bold="True" Font-Size="Large" ForeColor="#3366CC"/></td><td><asp:Label position="Left" runat="server" Text="Email" Font-Bold="True" Font-Size="Large" ForeColor="#3366CC"/></td><td><asp:Label runat="server" Text="Phone" Font-Bold="True" Font-Size="Large" ForeColor="#3366CC"/></td>

    </tr>
    <tr><td><asp:Label runat="server" Text=" Technology "></asp:Label></td>
    <td> <asp:TextBox ID="TextBox7" runat="server"></asp:TextBox></td> <td> <asp:TextBox ID="TextBox8" runat="server"></asp:TextBox></td> <td> <asp:TextBox ID="TextBox9" runat="server"></asp:TextBox></td></tr>
    <tr><td><asp:Label runat="server" Text="Manager"></asp:Label></td>
    <td> <asp:TextBox ID="TextBox10" runat="server"></asp:TextBox></td> <td> <asp:TextBox ID="TextBox11" runat="server"></asp:TextBox></td> <td> <asp:TextBox ID="TextBox12" runat="server"></asp:TextBox></td></tr>
    <tr><td><asp:Label runat="server" Text=" Administrator"></asp:Label></td>
    <td> <asp:TextBox ID="TextBox13" runat="server"></asp:TextBox></td> <td> <asp:TextBox ID="TextBox14" runat="server"></asp:TextBox></td> <td> <asp:TextBox ID="TextBox15" runat="server"></asp:TextBox></td></tr>
    <tr><td><asp:Label runat="server" Text="On Site "></asp:Label></td>
    <td> <asp:TextBox ID="TextBox16" runat="server"></asp:TextBox></td> <td> <asp:TextBox ID="TextBox17" runat="server"></asp:TextBox></td> <td> <asp:TextBox ID="TextBox18" runat="server"></asp:TextBox></td></tr>
    <tr><td><asp:Label runat="server" Text=" Lead"></asp:Label></td>
    <td> <asp:TextBox ID="TextBox19" runat="server"></asp:TextBox></td> <td> <asp:TextBox ID="TextBox20" runat="server"></asp:TextBox></td> <td> <asp:TextBox ID="TextBox21" runat="server"></asp:TextBox></td></tr>
    <tr><td ><p><asp:Label runat="server" Text="Site TelePhone Number" Font-Bold="True" Font-Size="Large" ForeColor="#3366CC" /></p></td></tr>
    <tr><td><asp:Label runat="server" Text="Main Telephone Number "></asp:Label></td>
    <td> <asp:TextBox ID="TextBox22" runat="server"></asp:TextBox></td> <td> <asp:TextBox ID="TextBox23" runat="server"></asp:TextBox></td> </tr>
    <tr><td><asp:Label runat="server" Text="Telephone Number "></asp:Label></td>
    <td> <asp:TextBox ID="TextBox24" runat="server"></asp:TextBox></td> <td> <asp:TextBox ID="TextBox25" runat="server"></asp:TextBox></td> </tr>
    <tr><td><asp:Label runat="server" Text="Do You haveInventory"></asp:Label>

    </td><td> <asp:RadioButton ID="RadioButton1" runat="server" Text="Yes, I can Upload" AutoPostBack="True" GroupName="SEI" /></td>

    <td>
    <asp:RadioButton ID="RadioButton2" runat="server" AutoPostBack="True" GroupName="SEI" Text="Yes but I can't Upload" />
    </td>

    <td>
    <asp:RadioButton ID="RadioButton3" runat="server" AutoPostBack="True" GroupName="SEI" Text="No" />
    </td>

    </tr>
    <tr><td></td><td><asp:FileUpload ID="FileUpload1" runat="server" Visible="False" />
    <asp:Button ID="btnUpload" runat="server" Text="Upload" OnClick="UploadFile" Visible="False" />

    <asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="false" EmptyDataText = "No files uploaded">
    <Columns>
    <asp:BoundField DataField="Text" HeaderText="File Name" />


    </Columns>
    </asp:GridView></td></tr>

    </tbody>
    </table>
    </asp:Panel>


    </div>

    asp:Button runat="Server" ID="Button1" Text="Cancel Changes" Width="114px" /> <asp:Button runat="Server" ID="Button2" Text="Save & Stay on this Page
  • #766196
    Hi,
    Please find attached design page code below.

  • #766197

    WebForm8.aspx.txt

    Delete Attachment


  • Sign In to post your comments