View Full Version : Rounded Corners

05-14-2009, 11:55 AM
Hi all,

I have a design which includes an image or 2 (if i split them up) I want this to have a rounded corner effect but i only know how to added a normal border to this image.

Can anyone advise me how i can create a rounded border for this image?


05-14-2009, 12:13 PM
Try this site (http://www.roundedcornr.com/)

And more here (http://exitfegs.co.uk/Sources.html)right hand column.


05-14-2009, 01:27 PM
Try this site (http://www.roundedcornr.com/)

And more here (http://exitfegs.co.uk/Sources.html)right hand column.


Thanks the first site is exactly what i was after, although now i need to work out how to lay an image flush against the border.

05-15-2009, 04:11 AM
This is a html table with rounded corners (http://www.cafewebmaster.com/basic-html-table-rounded-corners). It is using four small images for corners.

05-15-2009, 08:39 AM
you can use that code for this purpose hope this will help you...

<title>HTML Table with rounded corners</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8869-1">

<body bgcolor=#ffffff>
<h1>HTML Table with rounded corners</h1>
<table border="0" cellpadding="0" cellspacing="0" width=200 height=200 bgcolor=#eeddcc >
<td width="6" height="6" style="background: url('top_l.gif'); background-repeat:no-repeat;"></td>
<td height="6" style="border-top:1px solid #000; font-size:1px; "> &nbsp; </td>

<td width="6" height="6" style="background: url('top_r.gif'); background-repeat:no-repeat;"></td>
<td style="border-left:1px solid #000; font-size:1px; "> &nbsp; </td>
<td valign=top>
This is a table with rounded corners. It uses two small images for top left and right and two for bottom. Download time is very good. because all of them take less than 2kb.

<td style="border-right:1px solid #000; font-size:1px; "> &nbsp; </td>

<td width="6" height="6" style="background: url('bottom_l.gif'); background-repeat:no-repeat;"></td>
<td style="border-bottom:1px solid #000; font-size:1px; "> &nbsp; </td>
<td width="6" height="6" style="background: url('bottom_r.gif'); background-repeat:no-repeat;"></td>

05-15-2009, 11:09 AM
Yeah.. but you should never use tables for making any of your layouts, which is a very stupid way (http://www.hotdesign.com/seybold/)!