HTML/CSS to make round edge of boxes

Hi everyone, i've always prefered round edge boxes to the conventional ones. Can anyone help me with the codes?

Newbie Poster

3 posts since May 2009

Reputation Points: 11

Solved Threads: 0

0

I think there is a weird way of doing it with CSS, but its not well supported. The way most professional sites do it is by using images to cover up the corners, that are transparent in the center. Or you can just use images for the whole corner of the box. There are several things like this in daniweb, the quick post box and the gray latest thread boxes on the right. :D

JugglerDrummer

Junior Poster

139 posts since Apr 2009

Reputation Points: 14

Solved Threads: 22

3 Years Ago

Show Comments

1

Thanx for the reply, i appreciate it.

nairawebs

Newbie Poster

3 posts since May 2009

Reputation Points: 11

Solved Threads: 0

3 Years Ago

0

Using images are the best way...
Many sites have used images for rounding,
The above mentioned is also good, but i'f used this method...
Check the attachments for the html and the images used...
I only used rounding on the top corners...

Attachments

Slade007

Newbie Poster

17 posts since May 2009

Reputation Points: 10

Solved Threads: 2

3 Years Ago

0

<html><body>
<table cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td background="1.gif" width="5" height="50"></td>
<td background="2.gif" width="1028" height="50" align>You can type some thing here</td>
<td background="3.gif" width="5" height="50"></td>
</tr>
</tbody>
</table>
</body>

Slade007

Newbie Poster

17 posts since May 2009

Reputation Points: 10

Solved Threads: 2

HTML/CSS to make round edge of boxes

This article has been dead for over three months