Comments on: Rounded Corners with JavaScript and CSS – No Images http://www.benmccann.com/dev-blog/rounded-corners-javascript-css-no-images/ The software development weblog of Benjamin McCann. Mon, 06 Feb 2012 21:26:21 +0000 hourly 1 http://wordpress.org/?v=3.3.1 By: BG mail http://www.benmccann.com/dev-blog/rounded-corners-javascript-css-no-images/comment-page-1/#comment-55638 BG mail Sun, 02 Oct 2011 00:41:51 +0000 http://www.lumidant.com/blog/rounded-corners-javascript-css-no-images/#comment-55638 I am extremely inspired along with your writing abilities as smartly as with the structure on your blog. Is this a paid subject matter or did you customize it yourself? Anyway stay up the excellent high quality writing, it is rare to peer a nice weblog like this one today. I am extremely inspired along with your writing abilities as smartly as with the structure on your blog. Is this a paid subject matter or did you customize it yourself? Anyway stay up the excellent high quality writing, it is rare to peer a nice weblog like this one today.

]]> By: Chris http://www.benmccann.com/dev-blog/rounded-corners-javascript-css-no-images/comment-page-1/#comment-35377 Chris Thu, 30 Dec 2010 14:38:04 +0000 http://www.lumidant.com/blog/rounded-corners-javascript-css-no-images/#comment-35377 I'm researching on the very same topic (the rounded corners effect) and stumbled on your post. Nowadays, major browsers except IE support the CSS property border-radius or it's browser specific variants. For example: .rounded-corners { -moz-border-radius:15px; -webkit-border-radius:15px; border-radius: 15px; } would already take care of the border radius issue in FF (all recent versions), Safari (all recent versions), Chrome and Opera (from 10.5). More about browser support here: http://www.css3.info/preview/rounded-border/ Currently IE does not support the CSS border-radius property, although there's also another workaround here: http://www.htmlremix.com/css/curved-corner-border-radius-cross-browser I’m researching on the very same topic (the rounded corners effect) and stumbled on your post. Nowadays, major browsers except IE support the CSS property border-radius or it’s browser specific variants.

For example:

.rounded-corners {
-moz-border-radius:15px;
-webkit-border-radius:15px;
border-radius: 15px;
}

would already take care of the border radius issue in FF (all recent versions), Safari (all recent versions), Chrome and Opera (from 10.5). More about browser support here: http://www.css3.info/preview/rounded-border/

Currently IE does not support the CSS border-radius property, although there’s also another workaround here: http://www.htmlremix.com/css/curved-corner-border-radius-cross-browser

]]> By: anthony http://www.benmccann.com/dev-blog/rounded-corners-javascript-css-no-images/comment-page-1/#comment-11935 anthony Thu, 25 Jun 2009 12:04:49 +0000 http://www.lumidant.com/blog/rounded-corners-javascript-css-no-images/#comment-11935 ’m finding there is something odd with min-height 100% – that is used in a few sticky footer techniques. Its only been out a few days and has already wated 4 hours of my time! www.minikasino.com/ ’m finding there is something odd with min-height 100% – that is used in a few sticky footer techniques. Its only been out a few days and has already wated 4 hours of my time!
http://www.minikasino.com/

]]> By: Chris Tiearney http://www.benmccann.com/dev-blog/rounded-corners-javascript-css-no-images/comment-page-1/#comment-51 Chris Tiearney Thu, 21 Feb 2008 06:15:52 +0000 http://www.lumidant.com/blog/rounded-corners-javascript-css-no-images/#comment-51 Hi, I have found a similar problem as soon as I added some padding. Now I'm completely new to all of this and a real newbie at JavaScript but here is some code: Log In var border = RUZEE.ShadedBorder.create({ corner:10, shadow:28, border:2 }); #page, #page .sb-inner { background:#CCCCFF; } #page .sb-shadow { background:#9999FF; } #page .sb-border { background:#6666FF; } #page { width:300px; height:100px; padding:10px; } .page_font { font-family:Trebuchet MS; font-size:11px; } <?if (isset($_GET['flag'])) echo "Wrong username or password"; ?> Username Password border.render('page'); Looks great in Firefox but in IE7 it was a screw up. Is there a decent cross-browser library that can be used? Hi,

I have found a similar problem as soon as I added some padding. Now I’m completely new to all of this and a real newbie at JavaScript but here is some code:

Log In

var border = RUZEE.ShadedBorder.create({ corner:10, shadow:28, border:2 });

#page, #page .sb-inner { background:#CCCCFF; }
#page .sb-shadow { background:#9999FF; }
#page .sb-border { background:#6666FF; }
#page { width:300px; height:100px; padding:10px; }

.page_font { font-family:Trebuchet MS; font-size:11px; }

<?if (isset($_GET['flag'])) echo “Wrong username or password”; ?>

Username

Password

border.render(‘page’);

Looks great in Firefox but in IE7 it was a screw up. Is there a decent cross-browser library that can be used?

]]>