23 Jan 2008 at 15:56 #1 uk_viper uk_viper Soldato Joined 30 Jun 2003 Posts 2,807 Location Berkshire 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
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
23 Jan 2008 at 16:00 #2 Dj_Jestar Dj_Jestar Caporegime Joined 18 Oct 2002 Posts 29,493 Location Back in East London First link on google for "css curved edges" http://www.cssplay.co.uk/boxes/curves.html You noob.
23 Jan 2008 at 16:03 #3 uk_viper uk_viper Soldato OP Joined 30 Jun 2003 Posts 2,807 Location Berkshire yes i saw that one, and they are using images plus the don't provide details!
23 Jan 2008 at 16:39 #4 Hxc Hxc Soldato Joined 29 Oct 2004 Posts 12,501 Location London 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.
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.
23 Jan 2008 at 16:41 #5 chronicbint chronicbint Associate Joined 7 Apr 2004 Posts 499 .NET has control extenders for curved edges. Probably not relevant to your query though.
23 Jan 2008 at 17:04 #6 Yeggstry Yeggstry Associate Joined 8 Aug 2005 Posts 1,101 Location Reading, UK 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
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
23 Jan 2008 at 17:05 #7 Sic Sic Soldato Joined 9 Nov 2004 Posts 15,365 Location SO16 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/
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/
23 Jan 2008 at 17:06 #8 Eriedor Eriedor Associate Joined 1 Feb 2006 Posts 1,868 Location Reading uk_viper said: yes i saw that one, and they are using images plus the don't provide details! Click to expand... It isn't using images. it is using 4 giant bullet points positioned in each corner to provide the curve.
uk_viper said: yes i saw that one, and they are using images plus the don't provide details! Click to expand... It isn't using images. it is using 4 giant bullet points positioned in each corner to provide the curve.
24 Jan 2008 at 02:13 #9 Butters Butters Permabanned Joined 22 Apr 2007 Posts 1,805 Yeah, and you obtain the source by right clicking and 'view source'!
24 Jan 2008 at 09:17 #10 AGD AGD Soldato Joined 23 Nov 2007 Posts 5,048 Use images because that's the best way to allow resizing of text etc and keep the design.
24 Jan 2008 at 09:18 #11 GravyMonster GravyMonster Soldato Joined 18 Oct 2002 Posts 16,030 Location The land of milk & beans Butters said: Yeah, and you obtain the source by right clicking and 'view source'! Click to expand... Exactly like I just did! I'm giving this thread 5 stars as that trick is going to save me so much time.
Butters said: Yeah, and you obtain the source by right clicking and 'view source'! Click to expand... Exactly like I just did! I'm giving this thread 5 stars as that trick is going to save me so much time.
24 Jan 2008 at 13:32 #12 Dj_Jestar Dj_Jestar Caporegime Joined 18 Oct 2002 Posts 29,493 Location Back in East London "Trick"? lol
24 Jan 2008 at 15:08 #13 GravyMonster GravyMonster Soldato Joined 18 Oct 2002 Posts 16,030 Location The land of milk & beans 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
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