Can someone please make my table borders invisible (HTML)

by 5 replies
7
I need the following table borders to be invisible but not the contents. Does this need to by done with a CSS style sheet? Or can the code be added to the HTLM?? Thanks.

HTML Code:
<center>
    <form name="contactform" method="post" action="sendmail.php" id="contactform">
        <table width="657" height="410">
            <tr>
                <td colspan="2" style="text-align:center">Please fill out this form and I will contact you to discuss your website!</td>
            </tr>

            <tr>
                <td width="285" valign="top"><label for="first_name">Name</label></td>

                <td width="307" valign="top"><input value="" type="text" name="first_name" maxlength="50" size="45" /></td>
            </tr>

            <tr>
                <td valign="top"><label for="last_name">Company name</label></td>

                <td valign="top"><input value="" name="company_name" type="text" id="Company Name" size="45" maxlength="60" /></td>
            </tr>

            <tr>
                <td valign="top"><label for="email">Email address</label></td>

                <td valign="top"><input value="" type="text" name="email" maxlength="80" size="45" /></td>
            </tr>

            <tr>
                <td valign="top"><label for="telephone">Telephone number</label></td>

                <td valign="top"><input value="" type="text" name="telephone" maxlength="30" size="45" /></td>
            </tr>

            <tr>
                <td valign="top"><label for="comments">Please describe the nature of your business</label></td>

                <td valign="top">
                <textarea name="description" id="description" cols="45" rows="5"> </textarea></td>
            </tr>

            <tr>
                <td valign="top">Please list (in order of preference) at least three domain names for your website. (www.yourwebsite.com)</td>

                <td valign="top">
                <textarea name="domain" id="domain" cols="45" rows="5"> </textarea></td>
            </tr>

            <tr>
                <td valign="top">Are there any specific instructions regarding your website?</td>

                <td valign="top">
                <textarea name="instructions" id="instructions" cols="45" rows="5"> </textarea></td>
            </tr>

            <tr>
                <td colspan="2" style="text-align:center"><input type="submit" value="Submit" name="submit" /></td>
            </tr>
        </table>
    </form>
</center>
#website design #borders #html #invisible #make #table
  • You could use CSS, or just do

    • [1] reply

    • I just tried this although nothing happens.

      I am using Artisteer, which is a point and click website design application.

      There is a option to add aditional CSS information.

      It looks like this:
      Code:
      <style type="text/css">
#contactform table tr td {
 
 font-family: Comic Sans MS, cursive;
               border-top-width:0;border-right-width:0;border-bottom-width:0;border-left-width:0;
 
}
body table tr td {
 font-family: Comic Sans MS, cursive;
}
</style>
      As you can see, I have successfully changed the font of the text in the table. What do I need to do the CSS code to edit the borders?
  • Whenever you have a choice between using CSS and directly adding presentation to the markup, choose CSS 100% of the time:

    #contactform table, contactform td {border:none !important;}
  • Whenever you have a choice between using CSS and directly adding presentation to the markup, choose CSS 100% of the time:

    #contactform table, contactform td {border:none !important;}
    • [ 1 ] Thanks
  • Thanks so much! It worked.
Join the discussion

Next Topics on Trending Feed

  • 7

    Can someone please make my table borders invisible (HTML)

    I need the following table borders to be invisible but not the contents. Does this need to by done with a CSS style sheet? Or can the code be added to the HTLM?? Thanks. HTML Code: <center> <form name="contactform" method="post" action="sendmail.php" id="contactform"> <table width="657" height="410"> <tr> <td colspan="2" style="text-align:center">Please fill out this form and I will contact you to discuss your website!</td> </tr> <tr> <td width="285" valign="top"><label for="first_name">Name</label></td> <td width="307" valign="top"><input value="" type="text" name="first_name" maxlength="50" size="45" /></td> </tr> <tr> <td valign="top"><label for="last_name">Company name</label></td> <td valign="top"><input value="" name="company_name" type="text" id="Company Name" size="45" maxlength="60" /></td> </tr> <tr> <td valign="top"><label for="email">Email address</label></td> <td valign="top"><input value="" type="text" name="email" maxlength="80" size="45" /></td> </tr> <tr> <td valign="top"><label for="telephone">Telephone number</label></td> <td valign="top"><input value="" type="text" name="telephone" maxlength="30" size="45" /></td> </tr> <tr> <td valign="top"><label for="comments">Please describe the nature of your business</label></td> <td valign="top"> <textarea name="description" id="description" cols="45" rows="5"> </textarea></td> </tr> <tr> <td valign="top">Please list (in order of preference) at least three domain names for your website. (www.yourwebsite.com)</td> <td valign="top"> <textarea name="domain" id="domain" cols="45" rows="5"> </textarea></td> </tr> <tr> <td valign="top">Are there any specific instructions regarding your website?</td> <td valign="top"> <textarea name="instructions" id="instructions" cols="45" rows="5"> </textarea></td> </tr> <tr> <td colspan="2" style="text-align:center"><input type="submit" value="Submit" name="submit" /></td> </tr> </table> </form> </center>