> -------Original Message------- > From: Mike Alsup <[EMAIL PROTECTED]> > Subject: Re: [jQuery] Can't get a 1 pixel rounded corner > Sent: Feb 15 '07 17:47 > > > Following advice on this mailing list, I visited > http://www.malsup.com/jquery/corner/ to learn how to create a rounded border > that was a different color than the inner DIV. I want to create a 1 pixel > border, and so I changed the code in the first "Adornment" example to read ... > > > > $(this).corner("round 8px").parent().css('padding', '1px').corner("round > 10px") > > > > but in both PC IE and Firefox, at the upper left and right box corners, > you can see pointy box corners, whereas at the bottom, the corners round > smoothly. How can I adjust the above to make the top corners as smooth as > the bottom ones? > > > Dave, > > There are some practical limitations with this adornment approach. > But usually after a little experimenting you'll find something that > works. For example, in your case, using a smaller border radius works > well: > > $(this).corner("round 5px").parent().css('padding', '1px').corner("round > 6px") > > With our implementation the acceptable "border width" (padding) is > constrained by the corner radius. The larger the radius, the larger > the padding required to "hide" the inner corner. > > Mike >
I read this after posting my last reply. This works perfectly. Thanks for taking the time to explain. - Dave _______________________________________________ jQuery mailing list [email protected] http://jquery.com/discuss/
