Comments on: Karate Corners: XHTML/CSS Rounded Corners http://kyleschaeffer.com/tutorials/karate-corners-easy-rounded-corners-xhtml-no-script/ Web Design & SharePoint Branding Sat, 04 Feb 2012 09:31:25 +0000 hourly 1 http://wordpress.org/?v=3.3.1 By: Griffen http://kyleschaeffer.com/tutorials/karate-corners-easy-rounded-corners-xhtml-no-script/#comment-2660 Griffen Thu, 25 Aug 2011 21:08:29 +0000 http://www.kyleschaeffer.com/?p=31#comment-2660 What I would use is one div and this CSS code <code>#div {border-radius:10px 10px 10px 10px;-moz-border-radius:10px;-webkit-border-radius:1opx;background-color:lightgrey;}</code> and you pretty much get the same thing without any images or extra divs. Hope I helped anyone! What I would use is one div and this CSS code
#div {border-radius:10px 10px 10px 10px;-moz-border-radius:10px;-webkit-border-radius:1opx;background-color:lightgrey;} and you pretty much get the same thing without any images or extra divs. Hope I helped anyone!

]]> By: shannon http://kyleschaeffer.com/tutorials/karate-corners-easy-rounded-corners-xhtml-no-script/#comment-2647 shannon Wed, 17 Aug 2011 22:32:34 +0000 http://www.kyleschaeffer.com/?p=31#comment-2647 Great post, trying to use this on my site but the problem IE is sometimes being stubbon, IE8 works but IE7 id displaying this all strange...any suggestions? Great post, trying to use this on my site but the problem IE is sometimes being stubbon, IE8 works but IE7 id displaying this all strange…any suggestions?

]]> By: Paul http://kyleschaeffer.com/tutorials/karate-corners-easy-rounded-corners-xhtml-no-script/#comment-2598 Paul Sat, 16 Jul 2011 16:14:20 +0000 http://www.kyleschaeffer.com/?p=31#comment-2598 Here Here! well said Kyle! Keep up the good work ps... I'm still even now quite partial to 'notepad' plain text webpage creation myself, keep the grey matter ticking over Here Here! well said Kyle! Keep up the good work
ps… I’m still even now quite partial to ‘notepad’ plain text webpage creation myself, keep the grey matter ticking over

]]> By: Paul http://kyleschaeffer.com/tutorials/karate-corners-easy-rounded-corners-xhtml-no-script/#comment-2597 Paul Sat, 16 Jul 2011 16:13:30 +0000 http://www.kyleschaeffer.com/?p=31#comment-2597 Here Here! well said Kyle! Keep up the good work ps... I'm still even now quite partial to 'notepad' plain text webpage creation myself, keep the grey matter ticking ove Here Here! well said Kyle! Keep up the good work
ps… I’m still even now quite partial to ‘notepad’ plain text webpage creation myself, keep the grey matter ticking ove

]]> By: CSS 3: is is the right moment to use it? | Your Inspiration Web http://kyleschaeffer.com/tutorials/karate-corners-easy-rounded-corners-xhtml-no-script/#comment-2530 CSS 3: is is the right moment to use it? | Your Inspiration Web Mon, 30 May 2011 12:09:14 +0000 http://www.kyleschaeffer.com/?p=31#comment-2530 [...] of code necessary is always a lot and also the CSS lines aren’t a few. For example look at  this technique: 6 div, a paragraph, a background image and 35 lines of  CSS [...] [...] of code necessary is always a lot and also the CSS lines aren’t a few. For example look at  this technique: 6 div, a paragraph, a background image and 35 lines of  CSS [...]

]]> By: CSS 3: è il momento giusto per utilizzarli? | Your Inspiration Web http://kyleschaeffer.com/tutorials/karate-corners-easy-rounded-corners-xhtml-no-script/#comment-2193 CSS 3: è il momento giusto per utilizzarli? | Your Inspiration Web Tue, 10 May 2011 07:02:15 +0000 http://www.kyleschaeffer.com/?p=31#comment-2193 [...] di codice necessaria è sempre tanta, e anche le righe di CSS non sono poche. Guarda ad esempio questa tecnica: 6 div, un paragrafo, un’immagine di sfondo e ben 35 righe di codice [...] [...] di codice necessaria è sempre tanta, e anche le righe di CSS non sono poche. Guarda ad esempio questa tecnica: 6 div, un paragrafo, un’immagine di sfondo e ben 35 righe di codice [...]

]]> By: Kyle http://kyleschaeffer.com/tutorials/karate-corners-easy-rounded-corners-xhtml-no-script/#comment-1449 Kyle Mon, 31 Jan 2011 21:51:21 +0000 http://www.kyleschaeffer.com/?p=31#comment-1449 Most of the time, if I use this method for corners, I add an IE6-only style sheet that contains <code>.corner { display: none; }</code>. That gets rid of the corners completely for IE6 users. Honestly, fancy effects like rounded corners are probably the least of your concerns in the antiquated dinosaur that is IE6. Most of the time, if I use this method for corners, I add an IE6-only style sheet that contains .corner { display: none; }. That gets rid of the corners completely for IE6 users. Honestly, fancy effects like rounded corners are probably the least of your concerns in the antiquated dinosaur that is IE6.

]]> By: Bergtroll http://kyleschaeffer.com/tutorials/karate-corners-easy-rounded-corners-xhtml-no-script/#comment-1448 Bergtroll Mon, 31 Jan 2011 21:04:16 +0000 http://www.kyleschaeffer.com/?p=31#comment-1448 Hi there, I really like your solution. Unfortunately it does not work for me properly in IE 6. There is a 1px line below and right of my round corner box filled in same color than background-color of .cornerBox :-/. Don't know how to get rid of it yet... Hi there, I really like your solution. Unfortunately it does not work for me properly in IE 6. There is a 1px line below and right of my round corner box filled in same color than background-color of .cornerBox :-/. Don’t know how to get rid of it yet…

]]> By: Angela Law http://kyleschaeffer.com/tutorials/karate-corners-easy-rounded-corners-xhtml-no-script/#comment-132 Angela Law Sat, 10 Jul 2010 21:55:24 +0000 http://www.kyleschaeffer.com/?p=31#comment-132 Amazing solution... Many out there don't work well but this solution is perfect... The thought of develving into CSS always sucks as a programmer. It has become an entity of it's own not something to be triafled with. I have come up with my own ways (back in the old days when internet was young) and been searching for a decent way lately to do it better to avoid the popcorn affect or wasting developing separate solutions for each different size and color. This is a fantastic solution and I really appreciate you sharing it to the masses! Amazing solution… Many out there don’t work well but this solution is perfect… The thought of develving into CSS always sucks as a programmer. It has become an entity of it’s own not something to be triafled with. I have come up with my own ways (back in the old days when internet was young) and been searching for a decent way lately to do it better to avoid the popcorn affect or wasting developing separate solutions for each different size and color. This is a fantastic solution and I really appreciate you sharing it to the masses!

]]> By: Hans Lee http://kyleschaeffer.com/tutorials/karate-corners-easy-rounded-corners-xhtml-no-script/#comment-131 Hans Lee Thu, 10 Jun 2010 14:51:11 +0000 http://www.kyleschaeffer.com/?p=31#comment-131 Hi, Kyle Very smart technology. I tested this technology works well with borders. Thanks! Hi, Kyle

Very smart technology.

I tested this technology works well with borders. Thanks!

]]>