Submit Tutorial

spacer
Newsletter

spacer
RSS
spacer
Submit Tutorial

spacer
Changing Table Background on MouseOver
by Ades Tynyshov
Expanding Table
by Andy
Table Properties
by Michael Aldworth
Tables in HTML
by Een
Free Web Designs
A collection of free web templates. Premium quality web designs, easy to browse.
HTML and CSS tutorials
A collection of free web templates. Premium quality web designs, easy to browse.
Html lessons and tutorials in web page design.
You, too, can design your own website with over 45 interactive HTML tutorials. Also try your hand at JavaScript or check out a search engine submission service.
2 Create a Website
Offers free tutorials on website creation, generating traffic and making money online.
UK Hosting Services
Provider of low cost affordable UK web hosting services.
HTML and CSS  Home HTML and CSS Tutorials Table Stroke without CSS
rss

Table Stroke without CSS

Author: Tyler Keen More by this author

Added: Feb 07, 2005 Rating:  Average Rating: 2.91 Votes: 33 Position: 9261 of 13067Average Rating: 2.91 Votes: 33 Position: 9261 of 13067Average Rating: 2.91 Votes: 33 Position: 9261 of 13067Average Rating: 2.91 Votes: 33 Position: 9261 of 13067Average Rating: 2.91 Votes: 33 Position: 9261 of 13067 Level: Beginner Software:  DreamweaverGoLiveFrontPage

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>



Rate this Material: Bad 1 2 3 4 5 Excellent
print this page tell a friend subscribe to newsletter subscribe to rss

HTML and CSS  More HTML and CSS: Most Popular Materials | Fresh Materials | More HTML Tutorials at Markuptutorials.com
Add comments to "Table Stroke without CSS"