css cureved edges

[uk_viper]

I've seen plenty of tutorials on how to do this on the net however i cant find one that uses pure css, none of this .gif/png/jpg stuff

anyone know how these can be done

 

[Dj_Jestar]

First link on google for "css curved edges"

http://www.cssplay.co.uk/boxes/curves.html

You noob.

 

[uk_viper]

yes i saw that one, and they are using images plus the don't provide details!

 

[Hxc]

http://webdesign.html.it/articoli/leggi/528/more-nifty-corners/1/

That does it with CSS and JS. I don't think it's possible with raw CSS.

 

[chronicbint]

.NET has control extenders for curved edges. Probably not relevant to your query though.

 

[Yeggstry]

It can be done with RAW CSS: border-radius as per http://www.css3.info/preview/rounded-border/

Don't expect most current browsers to support it though

 

[Sic]

don't do it anyway, it's yucky

but if you must, try one of these http://www.cssjuice.com/25-rounded-corners-techniques-with-css/

 

[Eriedor]

yes i saw that one, and they are using images plus the don't provide details!

It isn't using images. it is using 4 giant bullet points positioned in each corner to provide the curve.

 

[Butters]

Yeah, and you obtain the source by right clicking and 'view source'!

 

[AGD]

Use images because that's the best way to allow resizing of text etc and keep the design.

 

[GravyMonster]

Yeah, and you obtain the source by right clicking and 'view source'!

Exactly like I just did!

I'm giving this thread 5 stars as that trick is going to save me so much time.

 

[Dj_Jestar]

"Trick"? lol

 

[GravyMonster]

you wouldn't consider using a typographical character for a purpose completely different than it's intended a trick?

*edit*
just re-read my first post - by trick i meant usnig a bullet point as a rounded corner - not right clicking and viewing the source