I am trying to creat a page where the outermost table has a colored frame around it. When I use "border" I get the desired effect but it also creates lines inside of the table around nested tables and cells. I am using Dreamweaver MX. This problem is driving me crazy and I have seen it on other sites so it must be able to be accomplished. As an example you can see the effect on the site www.paulawhite.org. You can see a shadowed frame around the main area of the page which gives it some dimension. Any help would be greatly appreciated.
Okay you can do this one of 2 ways -
1. put a table in a table ie; have a table of 1 row and 1 column and set the border on that then put the content in the middle of this.
2. go down the css route - this gives you greater control and you can even get shading, dotted border, 3d effect - whatever you want. i've given you a few links to get started with :
Thank you very much. The tizag.com site was very helpful. The only problem I have with the code is that if I nest a table, it takes on the border proerties of the outer table. Can you tell me a way around that?
Below is the code from the tizag site. I realized that I can use "in line" code in the table tag of the table I want to modify as follows...style="border: 12px solid black"...which did the trick. What do you think of doing it this way? I would like to substitute an image file that is shaded in place of the color but I have not figured that one out yet. Any idea on the correct coding. Thank you for all your help. It is greatly appreciated.
</style>
</head>
<body>
<h2>CSS Borders</h2>
<p>This paragraph has a black border.</p>
<table>
<tr><td>This table has an outset border</td></tr>
<tr><td>and each cell has</td></tr>
<tr><td>a dotted border.</td></tr>
</table>
</body>
</html>