Which is more effective? (rounded corners)

Hi all,

My site uses blocks in a different sizes with rounded corners
Look at the link below to see some of them:
http://sware.co.il/rcimg.png


I have doubts how to act in this case, which is the best solution?
(The less use Images, The less HTTP Request's ...)


http://www.devwebpro.com/25-rounded-corners-techniques-with-css/
(25 Rounded Corners Techniques with CSS)

thanks, noy.

 

Use border-radius for the modern browsers. Give IE something from the list you link to (did not look at it).

 

what about the background? (right and bottom have a darken sides)

 

You can use CSS3 techniques for this as well. It's called an Inset Box-Shadow. You can see an example of it here: http://css3generator.com/

Example:

-webkit-box-shadow: inset -5px -5px 7px #000000;
-moz-box-shadow: inset -5px -5px 7px #000000;
box-shadow: inset -5px -5px 7px #000000;

HTML:

Unfortunately this will not work in any version of IE, so I suggest you setup a default background color for IE. Depends on how important IE visitors are for you.

 

i need a full support in these browsers:
IE7, IE8, FF, Chrome

(ie6 no need..)

 

IE7 and IE8 do not support CSS3 properties. I would NOT go with any JS or .htc files (like CSS3 PIE) just for IE. You will have a lot of work/hassles then... just for IE7/8. It's like fixing CSS for IE6...

 

so what you suggest me to do?

thanks.

 

Do not care about IE, use seperate CSS for IE and just make a border:1px solid #666 or something similar.
I would not do it with graphics, pretty much http requests and slowing down the loading of your site.

All business portals I code do not have border-radius or box-shadows in IE... bad for IE users. The usability is still the same.

 

its not a blog ... the design here is important
i dont want that 30% of my visitor will see a 1px border

any other idea?

thanks

 

If design is important you should design your site for IE... good luck

 

thanks.. i hate ie too..

but do you have any tips about how to do that?

 

Well it depends on your layout, since it's hard to tell you what option is best without knowing what you are trying to do. But you might need a solution to allow for image-based cornering. Google "Javascript Rounded Corners" and you should get some results. Otherwise, your only solution is to create a messy HTML version with images for each corner.

 

It's called "dumbing down the web for IE". Or "code to the lowest denominator".

 

Yeah, howie...

I do not care about the layout (round corners and stuff like that) for IE7/8... and dropped support for IE6.

 

People call me, Doc. Howard is not my real name. Of course, I'm not a doctor either but....

 

LOL, is that important?

Howie, Doc

 

I keep track and take names.

 

@Doc has it right... @CSM does too... but if your design has a "need" for the rounded corners than do as "the Doctor orders!" if not, then follow as CMS instructs, separate styles without the rounded corners for IE....

Cheers to all...!!~

P.S. - If you're in the U.S. - Happy Turkey Gobble Gobble!

 

I really don't care for IE if it is my own website. I don't want go back to 90s just because IE is incompetent. And yes, I don't mind IE shows my layout with sharp corner boxed; my content is still the same and delivered to the user. why not let the IE to grow up.

 

Same here... content is King, not design

If the design is that important I would design the website for IE from the beginning. Period.
If you do not know that IE has less possibilities you should learn some basics.

Visit Zengarden or similar sites... Good Luck