Wordpress Themes - WP Forum at BFA
Click Here To DONATE! Support the theme development, get more attention and additional benefits based on your donation level. Your forum name will be highlighted.

Wordpress Themes - WP Forum at BFA » WordPress Themes » Atahualpa 3 Wordpress theme » Center area post/pages »

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


Build custom WP THEMES, without
coding.
Click here for THEMEFRAME

From the author of Atahualpa, the #1 most
downloaded (700,000+) theme @ wordpress.org
  #1  
Old Apr 20, 2011, 06:13 AM
bonnbonn
 
5 posts · Apr 2011
[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 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
  #2  
Old Apr 20, 2011, 06:47 AM
bonnbonn
 
5 posts · Apr 2011
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

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
Inside radius corners for the Center Column Michael Center area post/pages 0 Apr 15, 2010 08:47 PM
[SOLVED] Putting radius on corners of Header Image nwheal Header configuration & styling 4 Feb 2, 2010 04:19 AM
Round corners on sidebar? Velma Sidebars & Widgets 4 Jan 14, 2010 08:29 PM
Error message about border-radius paulae Atahualpa 3 Wordpress theme 2 Oct 31, 2009 07:45 AM


All times are GMT -6. The time now is 07:40 AM.


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