Rounded corners – Non-CSS3 & no-images

[cameras4toys]

Is it possible to make a table with curved corners without employing:
CSS3
images
background images

I need a call-to-action box to display in rich-text e-mails. It must have curved corners. I am using something that works now, with images for the corners, but when images are turned off, the e-mail looks bad.

[doobie]

If you’re not using CSS, images, or background images, there’s nothing else you can use… except maybe a magic wand…

Use CSS, and employ the beauty of CSS3PIE.com for IE.

[noahgelman]

Yes, unfortunately, when it comes to rounded corners, those are your only options.

[DRSelkirk]

Yes you can use javascript. Here is a demo:

http://jquery.malsup.com/corner/

There is also a CSS3 cross browser method but I’ve never used it:

http://www.htmlremix.com/css/curved-corner-border-radius-cross-browser

[rch]

"cameras4toys" wrote:

I need a call-to-action box to display in rich-text e-mails. It must have curved corners. I am using something that works now, with images for the corners, but when images are turned off, the e-mail looks bad.

For Rich Text E-mails the only solution is to use images. CSS3 and many features of CSS2.1 are not supported on e-mails clients. Here some references:
http://www.campaignmonitor.com/css/
JavaScript is not supported either.

[Author]

Posts