Creative Communities of the World Forums

The peer to peer support community for media production professionals.

Activity Forums Web Design (WordPress, Joomla, etc.) rounded corners with stroke

  • rounded corners with stroke

    Posted by Brendan Dalziel on July 30, 2008 at 8:41 pm

    Hello i was wondering how they achieved getting rounded corners and a stroke with the main box. I understand the photoshop method of making the top and bottom corners in photoshop. But how would one achieve getting a stroke and rounded corners. Is it possible using Css….
    I am also using Dreamweaver.

    Link:
    https://www.doseido.com/

    Thanks

    Roy Estin replied 15 years, 11 months ago 3 Members · 3 Replies
  • 3 Replies
  • Curtis Thompson

    July 30, 2008 at 8:48 pm

    hello…

    they’re just doing it with an image:

    https://www.doseido.com/images/container_top.png

    css3 supposedly will have a rounded corner option, but that’s been talked about forever – best way is to do what they did with an image in the cell…

    so you make the image and set the background of either the div or the table cell (whichever you’re using) to that image…

    hope that helps!

    sitruc

  • Brendan Dalziel

    July 30, 2008 at 9:07 pm

    Curtis thank you for you fast reply. I do understand 🙂 and ic from the link of the png, that is how they add the shadow effects. Which i was also wondering how achieved.

    Thanks

  • Roy Estin

    June 11, 2010 at 8:14 pm

    Add this in my CSS worked for me on all Mozilla browsers.
    -moz-border-radius-bottomleft:3px;
    -moz-border-radius-bottomright:3px;
    -moz-border-radius-topleft:3px;
    -moz-border-radius-topright:3px;

We use anonymous cookies to give you the best experience we can.
Our Privacy policy | GDPR Policy