1. Advertising
    y u no do it?

    Advertising (learn more)

    Advertise virtually anything here, with CPM banner ads, CPM email ads and CPC contextual links. You can target relevant areas of the site and show ads based on geographical location of the user if you wish.

    Starts at just $1 per CPM or $0.10 per CPC.

Which is more effective? (rounded corners)

Discussion in 'CSS' started by noy1213, Nov 23, 2010.

  1. #1
    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.
     
    noy1213, Nov 23, 2010 IP
  2. drhowarddrfine

    drhowarddrfine Peon

    Messages:
    5,428
    Likes Received:
    95
    Best Answers:
    7
    Trophy Points:
    0
    #2
    Use border-radius for the modern browsers. Give IE something from the list you link to (did not look at it).
     
    drhowarddrfine, Nov 23, 2010 IP
  3. noy1213

    noy1213 Peon

    Messages:
    20
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #3
    what about the background? (right and bottom have a darken sides)
     
    noy1213, Nov 23, 2010 IP
  4. GWiz

    GWiz Peon

    Messages:
    359
    Likes Received:
    17
    Best Answers:
    0
    Trophy Points:
    0
    #4
    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.
     
    GWiz, Nov 23, 2010 IP
  5. noy1213

    noy1213 Peon

    Messages:
    20
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #5
    i need a full support in these browsers:
    IE7, IE8, FF, Chrome

    (ie6 no need..)
     
    noy1213, Nov 23, 2010 IP
  6. CSM

    CSM Active Member

    Messages:
    1,047
    Likes Received:
    25
    Best Answers:
    0
    Trophy Points:
    55
    #6
    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...
     
    CSM, Nov 23, 2010 IP
  7. noy1213

    noy1213 Peon

    Messages:
    20
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #7
    so what you suggest me to do?

    thanks.
     
    noy1213, Nov 23, 2010 IP
  8. CSM

    CSM Active Member

    Messages:
    1,047
    Likes Received:
    25
    Best Answers:
    0
    Trophy Points:
    55
    #8
    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.
     
    CSM, Nov 23, 2010 IP
  9. noy1213

    noy1213 Peon

    Messages:
    20
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #9
    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 :)
     
    noy1213, Nov 23, 2010 IP
  10. CSM

    CSM Active Member

    Messages:
    1,047
    Likes Received:
    25
    Best Answers:
    0
    Trophy Points:
    55
    #10
    If design is important you should design your site for IE... good luck
     
    CSM, Nov 23, 2010 IP
  11. noy1213

    noy1213 Peon

    Messages:
    20
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #11
    thanks.. i hate ie too..

    but do you have any tips about how to do that?
     
    noy1213, Nov 23, 2010 IP
  12. GWiz

    GWiz Peon

    Messages:
    359
    Likes Received:
    17
    Best Answers:
    0
    Trophy Points:
    0
    #12
    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.
     
    GWiz, Nov 23, 2010 IP
  13. drhowarddrfine

    drhowarddrfine Peon

    Messages:
    5,428
    Likes Received:
    95
    Best Answers:
    7
    Trophy Points:
    0
    #13
    It's called "dumbing down the web for IE". Or "code to the lowest denominator".
     
    drhowarddrfine, Nov 23, 2010 IP
  14. CSM

    CSM Active Member

    Messages:
    1,047
    Likes Received:
    25
    Best Answers:
    0
    Trophy Points:
    55
    #14
    Yeah, howie...

    I do not care about the layout (round corners and stuff like that) for IE7/8... and dropped support for IE6.
     
    CSM, Nov 24, 2010 IP
  15. drhowarddrfine

    drhowarddrfine Peon

    Messages:
    5,428
    Likes Received:
    95
    Best Answers:
    7
    Trophy Points:
    0
    #15
    People call me, Doc. Howard is not my real name. Of course, I'm not a doctor either but....
     
    drhowarddrfine, Nov 24, 2010 IP
  16. CSM

    CSM Active Member

    Messages:
    1,047
    Likes Received:
    25
    Best Answers:
    0
    Trophy Points:
    55
    #16
    LOL, is that important? ;)

    Howie, Doc :p
     
    CSM, Nov 24, 2010 IP
  17. drhowarddrfine

    drhowarddrfine Peon

    Messages:
    5,428
    Likes Received:
    95
    Best Answers:
    7
    Trophy Points:
    0
    #17
    I keep track and take names. :)
     
    drhowarddrfine, Nov 24, 2010 IP
  18. workingsmart

    workingsmart Well-Known Member

    Messages:
    411
    Likes Received:
    12
    Best Answers:
    9
    Trophy Points:
    120
    #18
    @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!
     
    workingsmart, Nov 24, 2010 IP
  19. radiant_luv

    radiant_luv Peon

    Messages:
    1,327
    Likes Received:
    34
    Best Answers:
    1
    Trophy Points:
    0
    #19
    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.
     
    radiant_luv, Nov 25, 2010 IP
  20. CSM

    CSM Active Member

    Messages:
    1,047
    Likes Received:
    25
    Best Answers:
    0
    Trophy Points:
    55
    #20
    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
     
    CSM, Nov 25, 2010 IP