> 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
_______________________________________________
jQuery mailing list
[email protected]
http://jquery.com/discuss/
