Tuesday, June 10, 2008

Rounded Corner without CSS

Rounded Corner without CSS Trick really Simplest way to implement.

Logon to: http://www.sitepoint.com/article/trick-rounded-corner-tables

Most of time you find rounded corner implemented using Div Tag, but to reduce complexity i feel this is better approach.

2 comments:

DotNetGuts said...

Make custom corners with the help of following website.

http://wigflip.com/cornershop/


And use the following code.


<table width="200" border="0" cellspacing="0" cellpadding="0" bgcolor="#6495ED">
<tr>
<td width="20"><img src="nw.gif" width="20" height="20"></td>
<td><!-- Blank top section --></td>
<td width="20"><img src="ne.gif" width="20" height="20"></td>
</tr>
<tr>
<td><!-- Blank left section --></td>
<td>
<!--My Content-->

This is my content <br>

blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah
</td>
<td>
<!--Blank right section -->
</td>
</tr>
<tr>
<td width="20"><img src="sw.gif" width="20" height="20"></td>
<td>
<!--Blank bottom section -->
</td>
<td width="20"><img src="se.gif" width="20" height="20"></td>
</tr>
</table>

DotNetGuts said...

For Finding HTML Color Names


http://www.html-color-names.com



HTML Color Online

http://www.draac.com/colorconvert.html

Most Recent Post

Community Updates

Subscribe Blog via Email

Enter your email address:



Disclaimers:We have tried hard to provide accurate information, as a user, you agree that you bear sole responsibility for your own decisions to use any programs, documents, source code, tips, articles or any other information provided on this Blog.
Page copy protected against web site content infringement by Copyscape