Hi, I spotted an interesting thing. When I'm browsing my page, in firefox, all the frames and the search fields etc are rounded, BUT in IE, there are straight. Anyone knows how to make them be straight ("squared") in any browser?
Thanks!
Hi, I spotted an interesting thing. When I'm browsing my page, in firefox, all the frames and the search fields etc are rounded, BUT in IE, there are straight. Anyone knows how to make them be straight ("squared") in any browser?
Thanks!
You can remove them by opening style.css under Appearance > Editor and searching for lines like these
-moz-border-radius: 3px;
-webkit-border-radius:3px;
border-radius:3px;
and removing them. I see about 12 occurrences of these three lines throughout the file.
Hope that helps!
How about the other way round. Instead of making them all 'straight' making them all rounded in both FF and IE?
That's not possible, I'm sorry. IE doesn't support the rounded corner css attribute. IE9 will though.
http://www.bestinclass.com/blog/2008/css3-border-radius-rounded-corners-ie/
A golden oldy just for you:-)
I already knew this methode before but it's in my opinion:
1) not flexible enough
2) too much work for a small effect
and only a workaround, so not a real solution. You would need to add several classes, divs etc. to the source code - this can take some time.
There are a couple of javascripts and jquery scripts out there which do exactly the same thing with canvas but again a complex and unsatisfying solution....
One well known and useful javascript is curvycorners: http://www.curvycorners.net/
It is indeed a huge hassle to get those darn corners rounded I am in total agreement. A while back I have been messing around with it for a newsletter. That was even worse due to the restrictions of mail applications.
Curvycorners is new to me though. Will check it out:-).
You must log in to post.