Forum Moderators: open

Message Too Old, No Replies

Tables border

         

AlexLee

2:18 am on Dec 27, 2004 (gmt 0)

10+ Year Member



Hi, I have a table here that I made it round at the top. But how do I put an outline outside the table without affecting the rounded corners? And also a line between the title and the content.

Basically, what I want is what Amazon.com had on their main page on the left.

[codes]
<table width="auto" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="5" height="5"><img src="images/menu_upperleft.jpg" width="20" height="20"></td>
<td width="100%" bgcolor="#99CCFF" height="5">Title</td>
<td width="5" height="5"><img src="images/menu_upperright.jpg" width="20" height="20"></td>
</tr>
<tr bgcolor="#EBECC6">
<td height="auto" colspan="3" style="padding: 5px 5px 5px 5px">
Content should go here...
</td>
</tr>
</table>
[/codes]

emac

6:07 pm on Dec 28, 2004 (gmt 0)

10+ Year Member



ditch the tables and use div's (css for the border) and set z-index for your images above the frame. Much easier to code and more flexible.

AlexLee

12:08 am on Dec 29, 2004 (gmt 0)

10+ Year Member



can you show me an example of how the code should actually look like? I've never made one with DIV before.

tedster

3:39 am on Dec 29, 2004 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



If you do a Google search on:

[rounded corner div site:webmasterworld.com]

...you'll turn up a few resources right here in our CSS Forum.