Changing values for borders, padding, spacing and adding table backgrounds and cell backgrounds gives varying effects:
- Vary the width and color of the border gives you one "layer" (width: BORDER="?") (color: BORDERCOLOR="#??????")
- Vary the cell padding width (TABLE cellPadding="?") and coloring the cell (TD bgColor'"#?????? )
- Vary the cell spacing width (TABLE cellSpacing="?") and using a table background graphic (TABLE BACKGROUND="HTTP://whatever..." or table background color (BGCOLOR="#??????")
Then nesting these tables, one inside the other, get you even more interesting effects.
I've put one paragraph break into the top of each of the 4 tables Dondie used to get this effect and numbered each table.
- The outer table has the automatic (no color) border on it set to 3 and cell padding of 10 and cell spacing of 10. It has the animated bg in it. This border gives the look of one "layer"
- The cell spacing of 10 allows 10 pixels of the animated bg to show around the outside of the table 1 - and gives the look of a 2nd layer
- Since it is one big cell, the cell itself has been colored to the darker purple. The cell padding allows 10 pixels of the darker purple to show around table 2. This gives the look of a 3rd layer.
| < | TABLE cellSpacing="10" cellPadding="10" WIDTH="100%" BORDER="3" BACKGROUND="http://groups.msn.com/isapi/fetch.dll?action=MyPhotos_GetPubPhoto&PhotoID=nFQAAAB8G6zKhRJTLsy4NQ9dEm*5cOAeVWAx45Kj9C!W5mOtlaxIuLA"> |
| < | TBODY> |
| < | TR> |
| < | TD bgColor="#947e93"> |
- Table 2 has the no-color border of 3 again, zero for cell padding and 10 for cell spacing, and a pale purple solid color background graphic, so it provides a look of having 2 layers.
| < | TABLE cellSpacing="10" cellPadding="0" WIDTH="100%"BORDER="3" BACKGROUND="http://groups.msn.com/isapi/fetch.dll?action=MyPhotos_GetPubPhoto&PhotoID=nFQAAAL4F9y01Ux0XU2P!EkKhB6EEemkJLLyFxDlUs*YToZvejD6VKg"> |
| < | TBODY> |
| < | TR> |
| < | TD> |
- Table 3 is the same as table 1
- Table 4 the same as table 2, but has zero border width.