...

View Full Version : Rounded Corners



greens85
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?

Thanks

effpeetee
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.

Frank

greens85
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.

Frank

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.

developoor
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.

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



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

<body bgcolor=#ffffff>
<h1>HTML Table with rounded corners</h1>
<table border="0" cellpadding="0" cellspacing="0" width=200 height=200 bgcolor=#eeddcc >
<tr>
<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>
</tr>
<tr>
<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>
<td style="border-right:1px solid #000; font-size:1px; "> &nbsp; </td>

</tr>
<tr>
<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>
</tr>
</table>
</body>
</html>

abduraooft
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/)!



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum