Wordpress Themes - WP Forum at BFA

Wordpress Themes - WP Forum at BFA (http://forum.bytesforall.com/index.php)
-   Center area post/pages (http://forum.bytesforall.com/forumdisplay.php?f=32)
-   -   [SOLVED] border-radius.htc for round corners in IE (http://forum.bytesforall.com/showthread.php?t=13855)

bonnbonn Apr 20, 2011 06:13 AM

[SOLVED] border-radius.htc for round corners in IE
 
Hi there,

First I want to say I love your theme! I have used it for a couple of sites and have been really pleased at how easy it is to work with.

I find myself today with an issue that can be solved by knowing where the css lives exactly.

I want to use this border-radius.htc that allows rounded corners in IE.
The information I am follow is from here http://jonraasch.com/blog/css-rounde...n-all-browsers

He states "The path to border-radius.htc works differently than you may expect—unlike background-image paths which are relative to the stylesheet, this path is relative to the page from which you call the CSS.

That’s why it’s a good idea to avoid relative paths like we did above."


and he demos this path in css

Code:

.rounded-corners {
    behavior: url(/css/border-radius.htc);
    border-radius: 20px;
}

I am trying to apply this fix to the center portion where posts and pages live. I have looked through the css.php and also style.css.. and have not had any luck figuring out where (which directory) to put exactly the .htc file :confused: also how would I add in the css ... currently I am using it on the container for the pages and posts sections and have inserted the css there but.. I can't get the path right for the htc file :(

Any help integrating this would be very appreciated! the url to the site I am working on is http://50.22.80.91/~drblack/wp/

If this post sounds disjointed forgive me I have been awake working for a while!

Thank you for your time and a most excellent theme!
Bonnbonn

bonnbonn Apr 20, 2011 06:47 AM

ok I guess being blurry eyed and stubborn does pay off lol :) Uh I guess this is self solved too!

I figured it out and here is what I did for those also wanting to fix this, I have IE7 and cannot test it in other versions so I hope it looks right in them.

I placed the css under style posts and pages in the top section post container.

Code:

behavior:url('<?php bloginfo('template_directory'); ?>/border-radius.htc');
I also would like to note I do have an image behind the post layer to generate the site look
under style and configure layout container, Layout Container Style section I have this in the css to make sure the image is at the back and not covering up the post background and border ( this was the first problem I ran into was that the post would flash border and background and then go away)

Code:

position: relative; z-index 0;
thanks again!
BonnBonn


All times are GMT -6. The time now is 03:33 AM.

Powered by vBulletin® Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.