Hi
So you should have some thing like this for the div
<div class="rounder">div content</div>
and something like this for the corner control.
<script type="text/javascript">
$(document).ready(function() {
$(".rounder").corner("45px");
});
</script>
also jquery.js
and jquery.corners.js in the head
You shouldn't need this part .corner("rounder 45px"); rather
use .corner("45px"); as i believe the default action is to simply
round the corners anyway. I use it this way and it works fine.
If this doesn't work you can try rounding each corner separately like
this
$(".rounder").corner("tr 45px").corner("tl 45px").corner("bl
45px").corner("br 45px");
If you have no luck with either of these id try changing the 45px to
something similar but smaller (43px for example).
This plugin i've found to be a bit glitchy with some corner sizes. I
had to change my corners from 5px to 3px just to make the corners
render smoothly.
And that problem occurred after using it with another plugin called
livequery.
So your problem could be caused by another plugin or some other factor
on the page.
I'd test this on a separate blank page to to make sure you know you
have the code correctly implemented then import it to the required
page and debug from there if required.
Hope this helps a bit, Ben
On Jan 20, 3:25 pm, mcrus <mcru...@yahoo.com> wrote:
> Hello,
>
> Completely new to jQuery. I am trying to use the corners. I have it
> only half working and sure there is something simple I am missing.
> When I implement a corner on a div. It is only applying to the top
> corners. I have tried adding "br" to the code, but it does not show
> up. Here is the way I have it in my code. This below will only round
> the top corners in my browser.
>
> Any suggestions would be greatly appreciated.
>
> Russ
>
> <script type="text/javascript" src="scripts/jquery-svn.js"></script>
> <script type="text/javascript" src="scripts/jquery.corner.js"></
> script>
>
> <script type="text/javascript">
> $(document).ready(function()
> {
> $('.rounder').corner("round 45px");
>
> });
>
> </script>
