By lordrt21 on

Hello
I am using a customized version of the bluecurve theme, and want to make my content section have the top and bottom corners rounded.
So far my css is as follows:

.node .content, .comment .content {
background-color:#FCFEE9;
color:black;
margin:0.6em 0;
}

Anyone can help me with the rounded corners, I tried border-radius: 10px and -moz-border-radius, but still stays square corners...

EDIT:
I managed to get it working with -moz-border-radius, had an issue with my hosting server, but however still not getting rounded corners when viewing in IE, and although I tried a tutorial from this link: http://jonraasch.com/blog/css-rounded-corners-in-all-browsers, am still not able to get the rounded corners on IE.

Anyone has ever worked with the .htc file used in the link above, and help me on how to call it? According to the tutorial this path to the file must be relative to the page using css, but how is it done in drupal?

example shown there was:

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

but when i tried: behavior:url(border-radius.htc) {copied it to same folder where my css is} but not working :(

⋅ Categories: Drupal 6.x

Comments

Anonymous’s picture

Anonymous (not verified) commented

I have used the rounded corners module to great effect and can recommend it. It takes care of browser compatibility for you.
It uses JQuery.

http://drupal.org/project/rounded_corners

lordrt21’s picture

lordrt21 commented

Thanks, i activated the module but no difference seen, I have jquery enabled and added these lines to my fckeditor in the Rounded corners config:

$(".content").corner("round 20px");

$(".sidebar").corner("round 20px");

but to no avail...

anything I missed here?

Edit: I think I got it, fck adds html tags in the code, while switching to plain text solves the problem, thx again great help

Anonymous’s picture

Anonymous (not verified) commented

well done...