|
Cellpadding & Cellspacing
Next articles: Smart Design, an Explanation - As many of you already know designing your own website can seem easy with all the programs & tools available to us today. A quick surf of the web will show you many...
Picking out a good designer, A horror story! - Recently we ran across a company who had an advertisement in a local newspaper. It was a nice full page ad and at the bottom was a web address. Just the day...
ARE FREE GRAPHICS REALLY FREE? - Well, maybe. But let's define free. Finding anything on the Web takes time. Often it takes a lot of time. So free must...
WANT SITE; CAN'T WRITE! - While good writing skills help build and sustain a web site, there are ways to work around any lack you may have...
CSS Introduction - As with most products, HTML coding evolves and improves into new versions. The "normal" or regular HTML coding that people are used to is version 3.2. The current version...
|
The TABLE tag has two properties known as CELLSPACING and CELLPADDING. Here is a table example without these properties on. These properties may be used seperatly or together. The examples shown are separate to show you the difference easier.
| <table border="1"> <tr> <td>some text</td> <td>some text</td> </tr><tr> <td>some text</td> <td>some text</td> </tr> </table> | |
| some text |
some text |
| some text |
some text | | CELLSPACING is the pixel width between the individual data cells in the TABLE. (The thickness of the lines makeing the TABLE grid). The default is zero. If the BORDER is set at 0, the CELLSPACING lines will be invisible.
| <table border="1" cellspacing="5"> <tr> <td>some text</td> <td>some text</td> </tr><tr> <td>some text</td> <td>some text</td> </tr> </table> | |
| some text |
some text |
| some text |
some text | | CELLPADDING is the pixel space between the cell contents and the cell border. The default for this property is also zero. This feature is not used often, but sometimes comes in handy when you have your borders turned on and you want the contents to be "away" from the border a bit for easy viewing. CELLPADDING is invisible, even with the BORDER property turned on.
| <table border="1" cellpadding="10"> <tr> <td>some text</td> <td>some text</td> </tr><tr> <td>some text</td> <td>some text</td> </tr> </table> | |
| some text |
some text |
| some text |
some text | | Article by David Stanley. Visit his site http://www.htmlite.com. Reprinted with permission.
|
Link to this article, just copy and paste following code:
<a href=http://www.torroid.com/article1352.html>Cellpadding & Cellspacing</a>
|
Article viewed 393 time(s). Read more: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | 41 | 42 | 43 | 44 | 45 | 46 | 47 | 48 | 49 | 50 | 51 | 52 | 53 | 54 | 55 | 56 | 57 | 58 | 59 | 60 | 61 | 62 | 63 | 64 | 65 | 66 | 67 | 68 | 69 | 70 | 71 | 72 | 73 | 74 | 75 | 76 | 77 | 78 | 79 | 80 | 81 | 82 | 83 | 84 | 85 | 86 | 87 | 88 | 89 | 90 | 91 | 92 | 93 | 94 | 95 | 96 | 97 | 98 | 99 | 100 | 101 | 102 | 103 | 104 | 105 | 106 | 107 | 108 | 109 | 110 | 111 | 112 | 113 | 114 | 115 | 116 | 117 | 118 | 119 | 120 | 121 | 122 | 123 | 124 | 125 | 126 | 127 | 128 | 129 | 130 | 131 | 132 | 133 | 134 | 135 | 136 | 137 | 138 | 139 | 140 | 141 | 142 | 143 | 144 | 145 | 146 | 147 | 148 | 149 | 150 | 151 | 152 | |