On 26/01/07, Rick Faircloth <[EMAIL PROTECTED]> wrote:
>
>
>
> Hi, all…
>
> I'm trying to implement a rounded corner effect found on
>
> http://methvin.com/jquery/jq-corner.html.
>
> Below is the entire page, html, css, jquery, and all.
>
> Does anyone see a problem with what I have that keeps the
>
> rounded corners from working?
>
> Everything seems to work fine, except the corners on the div
>
> around squared corners…no rounding.
>
> You can view the page at
> http://code_tests.whitestonemedia.com/jquery_round_corner_1.html.
>
>
>
> Thanks!
>
> Rick
>
> Here's the entire page of code:
>
> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
>
> <html>
>
> <head>
>
> <title>jQuery Rounds Corners Demo</title>
>
>
>
> <style type="text/javascript"
> src="http://code_tests.whitestonemedia.com/jquery-latest.js";></style>
>
> <style type="text/javascript"
> src="http://code_tests.whitestonemedia.com/jq-corner.js";></style>
>
>
>
> <style type="text/css">
>
>
>
> div.demo {
>
> float: left; width: 18em; padding: 20px; margin: 1em;
>
> background: #c92; color:#000; text-align: center; font: verdana, arial,
> sans-serif;
>
> }
>
>
>
> </style>
>
>
>
> </head>
>
> <body>
>
> <div
> class="demo"><h1>Round</h1><p>$(this).corner();</p></div>
>
>
>
> </body>
>
> </html>
Firstly, you are using style tags instead of script tags for the
scripts. Secondly, you need to tell the page to round the corners on
the box in question by.
Add this to your <head>:
<script type="text/javascript">
$( function() {
$("div.demo").corner();
});
</script>
_______________________________________________
jQuery mailing list
[email protected]
http://jquery.com/discuss/
