html - table borders look white on a gray background -


i know common question have looked every thread , nothing seems helping.the html ode messed up,however,i post right here.i have made borders none still appears white , looks awful.please help.

<style type="text/css">     .auto-style4 {         width: 114%;         border: none;     }      .auto-style1 {         width: 206px;         text-align: right;         border: none;     }      .auto-style2 {         width: 935px;         border: none;     }      .auto-style6 {         width: 935px;         text-align: center;         background-color: #c0c0c0;         border: none;     }      .auto-style7 {         width: 198px;         height: 23px;         border: none;     }      .auto-style9 {         height: 23px;         border: none;     }      .auto-style10 {         width: 198px;         height: 196px;         border: none;     }      .auto-style11 {         width: 935px;         text-align: left;         height: 196px;         border: none;     }      .auto-style12 {         border: none;     }      .auto-style13 {         width: 884px;         text-align: left;         height: 23px;         background-color: #c0c0c0;         border: none;     }      .auto-style15 {         width: 198px;         height: 30px;         border: none;     }      .auto-style16 {         border-color: inherit;         border-width: 0;         width: 935px;         text-align: center;         background-color: #c0c0c0;         height: 30px;         border: none;     }      .auto-style17 {         height: 30px;         border: none;     }      .auto-style19 {         border-style: none;         padding: 0px;         width: 935px;         text-align: center;         background-color: #c0c0c0;         height: 23px;         border: none;     }      .auto-style20 {         border-color: inherit;         border-width: 0;         width: 935px;         text-align: center;         background-color: #c0c0c0;         border: none;     } </style> 

below html code messed up.

<div style="width: 1400px; margin: 0 auto;">     <table class="auto-style4" border="0" cellspacing="0">         <tr>             <td class="auto-style3">&nbsp;</td>             <td class="auto-style2">                 <asp:scriptmanager id="scriptmanager1" runat="server">                 </asp:scriptmanager>             </td>             <td>&nbsp;</td>         </tr>         <tr>             <td class="auto-style3">&nbsp;</td>             <td class="auto-style2"></td>             <td>&nbsp;</td>         </tr>         <tr>             <td class="auto-style10"></td>             <td class="auto-style11">                 <asp:image id="image1" height="218px" width="935px" runat="server" />             </td>             <td class="auto-style12"></td>         </tr>         <tr>             <td class="auto-style7"></td>             <td class="auto-style19">                 <asp:label id="lblslideshow" runat="server"></asp:label>             </td>             <td class="auto-style9"></td>         </tr>         <tr>             <td class="auto-style7"></td>             <td class="auto-style19">                 <asp:label id="label2" runat="server" forecolor="#336699" style="" text="schedule callback"></asp:label>             </td>             <td class="auto-style9"></td>         </tr>         <tr>             <td class="auto-style3">&nbsp;</td>             <td class="auto-style20">&nbsp;</td>             <td>&nbsp;</td>         </tr>         <tr>             <td class="auto-style15"></td>             <td class="auto-style16">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <asp:label id="label3" runat="server" text="name :"></asp:label>                 &nbsp;<asp:textbox id="txtname" runat="server" style="" width="198px"></asp:textbox>                 &nbsp;<asp:requiredfieldvalidator id="requiredfieldvalidator1" runat="server" controltovalidate="txtname" errormessage="enter name" forecolor="red">*</asp:requiredfieldvalidator>                 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>             <td class="auto-style17"></td>         </tr>         <tr>             <td class="auto-style3">&nbsp;</td>             <td class="auto-style20">&nbsp;</td>             <td>&nbsp;</td>         </tr>         <tr>             <td class="auto-style3">&nbsp;</td>             <td class="auto-style20">                 <asp:label id="label4" runat="server" text="contact no :"></asp:label>                 <asp:textbox id="txtcontact" runat="server" width="198px" style=""></asp:textbox>                 &nbsp;<asp:requiredfieldvalidator id="requiredfieldvalidator2" runat="server" controltovalidate="txtcontact" errormessage="enter contact no" forecolor="red">*</asp:requiredfieldvalidator>                 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; <asp:label id="label7" runat="server" text="email :"></asp:label>                 &nbsp;&nbsp;&nbsp;&nbsp; &nbsp;<asp:textbox id="txtmail" runat="server" style="" width="198px"></asp:textbox>                 <asp:requiredfieldvalidator id="requiredfieldvalidator3" runat="server" controltovalidate="txtmail" errormessage="enter email" forecolor="red">*</asp:requiredfieldvalidator>             </td>             <td>&nbsp;</td>         </tr>         <tr>             <td class="auto-style3">&nbsp;</td>             <td class="auto-style20">&nbsp;</td>             <td>&nbsp;</td>         </tr>         <tr>             <td class="auto-style3">&nbsp;</td>             <td class="auto-style20">                 <asp:label id="label5" runat="server" text="city :"></asp:label>                 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <asp:textbox id="txtcity" runat="server" width="198px" style=""></asp:textbox>                 &nbsp;<asp:requiredfieldvalidator id="requiredfieldvalidator4" runat="server" controltovalidate="txtcity" errormessage="enter city" forecolor="red">*</asp:requiredfieldvalidator>                 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <asp:label id="label8" runat="server" text="state :"></asp:label>                 &nbsp;&nbsp;&nbsp;&nbsp; &nbsp;<asp:dropdownlist id="dropdownlist1" runat="server" style="" width="208px"> <asp:listitem value="select">select</asp:listitem> <asp:listitem>andhra pradesh</asp:listitem>  <asp:listitem>west bengal</asp:listitem>                 </asp:dropdownlist>             </td>             <td>&nbsp;</td>         </tr>     </table> </div> 

output of code :

enter image description here

just make border color grey..


Comments

Popular posts from this blog

python - Subclassed QStyledItemDelegate ignores Stylesheet -

java - HttpClient 3.1 Connection pooling vs HttpClient 4.3.2 -

SQL: Divide the sum of values in one table with the count of rows in another -