treehouse : what would you like to learn today?
Web Design Web Development iOS Development

Forums

Illustration by Nick Sirotich

Rounded corners - Non-CSS3 & no-images

  • cameras4toys
    Permalink to comment #
    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
    Permalink to comment #
    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
    Permalink to comment #
    Yes, unfortunately, when it comes to rounded corners, those are your only options.
  • DRSelkirk
    Permalink to comment #
    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
    Permalink to comment #
    "cameras4toys" said:
    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.
  • WCMiller
    Permalink to comment #
    wow, that reference is quite nice! Thanks rch!
Add a Comment