Web design & hosting: Rounded table corners

Re: Rounded table corners

In HTML language, it is impossible to create rounded or curved corners of the table. It is because it cannot be defined in the language as simple as defining a table, namely the rows and columns. However, using images it is possible to create rounded table corners. For this, you'll have to know the basic drawing technique in any image creation and editing software.

Create a table with with 3 rows and 3 columns, with the border, cellpadding and cellspacing set as 0. The center cell will be your content cell. The remaining cells will hold images that will illustrate the look of rounded table.

Reduce the height and width of all the cells to what size your imaged borders would be (You can re-adjust this later). The center cells in the top and bottom rows will hold horizontal bars. The left and right cells of the middle row will hold vertical bars.

The empty corner cells of the table will hold separate images of a curved border, so that the horizontal and vertical imaged borders meet. Each would be a quarter of a circle. So there you have the horizontal and vertical lines and then curved quarters.

If it is still a bit confusing, refer to the sample source code of the table in the zipped file when you visit this link:
http://www.angelfire.com/on/jay/tutorial/rounded_tables.htm

Hope this helped.

Jay