• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 408
  • Last Modified:

Rounded corners?

Is there any way, besides using an image, to round the corners of a table to achieve a similar result to http://www.macromedia.com ??

Thanks,

Rob.
0
rgoggins
Asked:
rgoggins
1 Solution
 
alexhoganCommented:
Using an image is the only way you're going to be able to do this.

There are a couple of different ways to do this effectively.  The one used most is to;

Start with a div for positioning
Create a table with 3 columns and 3 rows
After you have created your graphic cut it so that the corners are about 8 to 10px square
Put the appropriate corner graphic in the four corner cells of your table
Insert a spacer graphic on the top and bottom cells of your table and set the width to either a specific size or 100%
Set the background color of all the cells, other than the corner cells, to the color of your graphics in the corners

Now you can add content in the center cell...
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

Join & Write a Comment

Featured Post

Free Tool: Subnet Calculator

The subnet calculator helps you design networks by taking an IP address and network mask and returning information such as network, broadcast address, and host range.

One of a set of tools we're offering as a way of saying thank you for being a part of the community.

Tackle projects and never again get stuck behind a technical roadblock.
Join Now