
Re: Integrating PIE into WordPress Themes
I have read through this and other threads and tried implementing a multitude of the suggested approaches. Relative paths, absolute paths, in my theme folder, in the root, using .htc, using .php and all to no avail.
I need to use it on this site:
http://carefarmingwm.org.uk, which looks sweet in all browsers - even ie9, but in ie8 looks dismal, and on this site:
http://rite.audacious58.com. As the
http://rite.audacious58.com site is in deveopment that is teh one I am experimenting on.
I have no idea what I am doing wrong, or how to fix it.
Currently the files are in the site root and my css is as follows:
Code:
.tabber-widget-rounded-light ul.tabber-widget-tabs a {
display: block;
padding: 10px 0px 10px 35px;
text-decoration: none !important;
margin-left: 0;
color: #FFF;
position: relative;
font-weight: bold;
background: url('/wp-content/themes/riteorg/images/rite-white-square.png') no-repeat 7px center #3d3d3c;
-moz-border-radius: 10px 10px 0px 0px;
-khtml-border-radius: 10px 10px 0px 0px;
-webkit-border-radius: 10px 10px 0px 0px;
-pie-radius: 10px 10px 0px 0px;
font-size: 1.4em;
behavior: url('http://rite.audacious58.com/PIE.htc');
}
The -pie-radius bit was a late addition based on something I read elsewhere, but it did nothing - all curves on the tabs are still square.
Interestingly, all of the curves on this site:
http://www.sunnyfuturesolar.co.uk/ also appear squared off in ie8 for me, but this was offered earlier in this thread as a working example. COuld it be a browser thing at my end?
Any help much appreciated.
Thanks