Alright, I know tables are a no-no to many webdesigners, but I use them anyways. Well, I've seen a lot of websites that have there table stylized with images. They will have an image on top, then the background, then an image on the bottom. Example: By using the images, you can have rounded corners. That said, how would I make it so there is a left and right image, too?
Here's the basic idea, you would need to speficy images/dimensions: <table> <tr> <td><table><tr><td><img src="images/topleftcorner.gif" /></td><td style="background-image:url(topcenteredge.gif);"></td><td><img src="images/toprightcorner.gif" /></td></tr></table></td> </tr> <tr> <td><table><tr><td style="background-image:url(middleleftedge.gif);"></td><td style="background-image:url(middlecenter.gif);">CONTENT GOES HERE</td><td style="background-image:url(middlerightedge.gif);"></td></tr></table></td> </tr> <tr> <td><table><tr><td><img src="images/bottomleftcorner.gif" /></td><td style="background-image:url(bottomcenteredge.gif);"></td><td><img src="images/bottomrightcorner.gif" /></td></tr></table></td> </tr> </table>
By the time you have done faffing around with and designing websites in tables you could have learnt the power of divs and forgotten all about the outdated table layout. Tables provide no power for custom designs!