Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 6 of 6
Thread: DIVs with rounded corners
06-01-2005, 04:51 PM #1
DIVs with rounded corners
I would like to use DIVs (or whatever) with rounded corners to enclose the various elements of my web pages.
I have written a noddy bit of PHP which auto-generates a PNG image and allows you to specifiy the width, height, border thickness, corner radius, background colour, border colour, etc, etc of the image with transparent bits outside the corners. This image can then be set as a DIV background.
This is OK, but is there a pure CSS way of doing this? It would be nice to do it as pure CSS because, although my method works, it involves a couple of hacks and it's "icky".
06-01-2005, 06:13 PM #2
- Join Date
- Apr 2003
- in my house
- Thanked 201 Times in 197 Posts
AKAIK, rounded corners are not supported by css2 but maybe they will be in css3?
Someone on here, much cleverer than me, posted a solution some time ago, which comprised a top gif which was a rectangle with its top corners rounded and another, for the bottom with its bottom corners rounded. Then in the css, these were assigned as background colors for parts of the style. I dont have the link handy otherwise I'd post it ;p sorry.
no guesses for why I remember the post. Back then, I wanted rounded corners too and they were decribed as s-o-o-o, last tuesday
06-01-2005, 06:52 PM #3
Sounds similar to my solution using a PNG image!
So corners are just sooo last tuesday, eh? Like they're just so totally last season ... oh ya, like, y'know, kinda, like, whatever!
06-01-2005, 07:00 PM #4
In the words of Baldrick, "I have a cunning plan ..."
(If you're not English and you never saw Blackadder, you won't understand that one!).
06-01-2005, 07:42 PM #5
- Join Date
- Aug 2002
- Silicon Valley, CA
- Thanked 0 Times in 0 Posts
06-01-2005, 11:29 PM #6