table borders

[scarezekiel]

how do i change my table border to single line..instead of like mine now.i changed the css.still the same..

 

 

<style type="text/css">
table.sample {
border-width: 1px;
border-spacing: 2px;
border-style: outset;
border-color: black;
border-collapse: separate;
background-color: white;
font-weight: normal; color: black}
}
table.sample th {
border-width: 1px;
padding: 1px;
border-style: inset;
border-color: grey;
background-color: white;
-moz-border-radius: ;
}
table.sample td {
border-width: 1px;
padding: 1px;
border-style: inset;
border-color: grey;
background-color: white;
-moz-border-radius: ;
}
</style>


<tr>
<th>Header</th>
<td>Content</td>
</tr>
</table>

<?php


echo '
<div id="content">
  <div id="colOne">
    <div id="logo">
      <h1></h1>
      <h2><br>Nationwide Call Centre <br><br><i>Toll Free</i> </h2><h1>1800-22-1010</h1>
    </div>
    <div class="box">
     
      <ul class="bottom">
        <li class="first"><h5>
<i>Web Design Package</i><br></br>


  </li>
      </ul>
    </div>
   
  </div>
  <div id="colTwo">
    
   <h2>Web Design Package</h2>
<div class="bodytext" style="padding: 12px;"
align="justify">
<p style="text-align: center;">
</p>
<p align="left"><br> </p>


<p align="left"><font color="black">Web Design Package: </font></p>
<table class="sample">
<tr>
<th> 
<th>Standard</th>
<th>Advance</th>
</th>
</tr>
<td align="center">
<b>Layout</b>
</td>
<td>
</td>
<td>
</td>
<tr>
<td>Number of Pages</td>
<td>Up to 5</td>
<td>Custom</td>
</tr>
<tr>
<td>Design Concept</td>
<td>Basic</td>
<td>Custom</td>
</tr>
<tr>
<td>Navigation Menu</td>
<td>Yes</td>
<td>Yes</td>
</tr>
<tr>
<td>Navigation Drop Down Menu</td>
<td>None</td>
<td>Yes</td>
</tr>
<tr>

</tr>
<td align="center">
<b>Marketing Tools</b>
</td>
<td>
</td>
<td>
</td>
<tr>
<td>Banners / Image Slider</td>
<td>1</td>
<td>Custom</td>
</tr>
<tr>
<td>Enquiry Form</td>
<td>1</td>
<td>1</td>
</tr>
<tr>
<td>Facebook or Twitter widgets</td>
<td>Yes</td>
<td>Yes</td>
</tr>
<tr>
<td>Visitors Counter</td>
<td>Yes</td>
<td>Yes</td>
</tr>
<tr>
<td>Copywriter</td>
<td>None</td>
<td>Yes</td>
</tr>
<tr>

</tr>
<td align="center">
<b>Page Editor</b>
</td>
<td>
</td>
<td>
</td>
<tr>
<td>Photo Gallery</td>
<td>None</td>
<td>Yes</td>
</tr>
<tr>
<td>Product Catalogue</td>
<td>None</td>
<td>Yes</td>
</tr>
<tr>
<td>News Management</td>
<td>None</td>
<td>Yes</td>
</tr>
<tr>
<td>Articles Management</td>
<td>None</td>
<td>Yes</td>
</tr>
<tr>
<td>Banner Management</td>
<td>None</td>
<td>Yes</td>
</tr>
<tr>

</tr>
<td align="center">
<b>Domain Name & Web Hosting (1 year subscription)</b>
</td>
<td>
</td>
<td>
</td>
<tr>
<td>Domain Name (.com)</td>
<td>Yes</td>
<td>Yes</td>
</tr>
<tr>
<td>Web Hosting<br>
20GB of web/email space<br>
Unlimited email account</td>
<td>Yes</td>
<td>Yes</td>
</tr>
<tr>
<td><b>Price</b></td>
<td><b>RM1,488.00</b></td>
<td><b>To Quote</b></td>
</tr>
</table>



</p>
</div>

  </div>
</div>
'
?>

[caliux]

You should try border-right-width:5px;

[freaker87]

use this

 

table.sample {

border-width: 1px;

border-spacing: 2px;

border-style: outset;

border-color: black;

border-collapse: collapse

background-color: white;

font-weight: normal; color: black}

 

[scarezekiel]

thx man that worked