FORUMS: list search recent posts

rounded corners with stroke

COW Forums : Web Design

<< PREVIOUS   •   FAQ   •   VIEW ALL   •   PRINT   •   NEXT >>
brendan dalziel
rounded corners with stroke
on Jul 30, 2008 at 8:41:36 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:
http://www.doseido.com/

Thanks




Return to posts index

Curtis Thompson
Re: rounded corners with stroke
on Jul 30, 2008 at 8:48:24 pm

hello...

they're just doing it with an image:

http://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





Return to posts index

brendan dalziel
Re: rounded corners with stroke
on Jul 30, 2008 at 9:07:04 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



Return to posts index


Roy Estin
Re: rounded corners with stroke
on Jun 11, 2010 at 8:14:38 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;



Return to posts index

<< PREVIOUS   •   VIEW ALL   •   PRINT   •   NEXT >>
© 2017 CreativeCOW.net All Rights Reserved
[TOP]