SEARCH
Newsletter
Subscribe to get design
tips, latest trends, free
stuff and more.
It doesn't look like an e-mail address

hosting

  Tutorials HTML and CSS Tutorials Table stroke without css

Table stroke without css

Tyler Keen Tutorials Feb 07, 2005

All this is is nesting tables inside each other.

Step 1. This is super simple. First make a table with one row and one column. Make sure that cellpadding="1" and cellspacing="0". Now make the table bgcolor="white".

Example: Table Stroke without CSS

Step 2. Now in the only table cell, insert another table without any cellpadding or cellspacing and only one row and one column.

Step 3. Make the bgcolor of the table you just created to bgcolor="black" and there you are. A table with a white stroke. You can of course change the color of both tables to whatever you like.

<table bgcolor="#ffffff" border="0" cellpadding="1" cellspacing="0" height="150" width="350">
   <tbody>
     <tr>
       <td>
         <table align="right" bgcolor="#000000" border="0" cellpadding="0" cellspacing="0" height="150" width="100%">
           <tbody>
             <tr>
               <td align="center" valign="middle"><div style="color:#ffffff">Example: Table Stroke without CSS</div></td>
             </tr>
          </tbody>
        </table>
      </td>
    </tr>
  </tbody>
</table>

   
subscribe to newsletter