Nifty Corners

I am trying to use nifty corners without any luck and I am not sure where in the process I am going wrong. I have read the FAQ on java script as weel as the posts on the forum.

THis is what I have down.

/includes/templates/CUSTOM TEMPLTE/jscript/jscript_nifty.js
/includes/templates/CUSTOM TEMPLTE/css/stylesheet_niftyCorners.css
/includes/templates/CUSTOM TEMPLATE/jscript/on_load/jscript_on_load_nifty.js

Everything seems to be loading properly but the on_load. My understanding is that it should show up as part of the body tag. It does not.

This is jscript_on_load_nifty.js

window.onload=function(){
if(!NiftyCheck())
return;
RoundedTop("div#constantcontactsidebox.leftBoxContainer","#fff" "#2e2e2e");
RoundedBottom("div#constantcontactsidebox.leftBoxContainer","#fff","#2e2e2e");
}

This is the url http://www.tillitomas. com/catalog/

TIA Tom :cool:

Hi

You can also try using the following css within a div,

-moz-border-radius: 10px; (for firefox)
border-radius: 10px; (other browsers)

Be aware of browser compatability. This puts a border around the div with curved edges.

Thanks for the pointers but I was looking to use jscript.

tcjay:

Thanks for the pointers but I was looking to use jscript.

Why? I used the use the nifty solution to, but it is far easier to do with css, an although it is not supported within older browser, there are also a lot of people who disable JavaScript. And the css solution is better for site speed

mattk251285:

Hi

You can also try using the following css within a div,

-moz-border-radius: 10px; (for firefox)
border-radius: 10px; (other browsers)

Be aware of browser compatability. This puts a border around the div with curved edges.

This is an excellent solution, but incomplete. For full browser compatibility, including IE8, it would look like this:

-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
position: relative;
behavior: url(../includes/PIE.htc);

The PIE.htc will need to be installed and is what makes it work in IE8.