rounded boxes

Discussion in 'HTML & Website Design' started by bubsyboy, Nov 19, 2009.

0
  1. #1
    hi,
    i'm trying to create rounded boxes in tables (it has to be) in html. like on the new youtube user profiles.
    Anyone know how to do think in tables?
    thanks
     
    bubsyboy, Nov 19, 2009 IP
  2. drhowarddrfine

    drhowarddrfine Peon

    Messages:
    5,428
    Likes Received:
    95
    Best Answers:
    7
    Trophy Points:
    0
    #2
    Haven't a clue what that is.
    Can't be done with html. Can be done with CSS3 but only modern browsers. iow, not IE. Unless you are trying to just insert rounded elements inside table cells, that's a different story.
     
    drhowarddrfine, Nov 19, 2009 IP
  3. rhewitt

    rhewitt Member

    Messages:
    113
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    30
    #3
    Rounded border support is currently a bit flakey. You have a choice:

    • CSS Solution: Support rounded borders on most modern and standards compliant browsers (chrome, safari, firefox, etc..) but no support for IE 8 or lower. IE9 will support css rounded borders though.
    • Images: Support rounded borders in all browsers using images (more work)

    The CSS solution is simple:
    
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ktml-border-radius: 5px
border-radius: 5px /* for future CSS3 standards and IE9 support */
    Code (markup):
    In IE8 or lower, a square box will be shown instead of rounded borders.
     
    rhewitt, Nov 19, 2009 IP
  4. rochow

    rochow Notable Member

    Messages:
    3,991
    Likes Received:
    245
    Best Answers:
    0
    Trophy Points:
    240
    #4
    Yep, basically you either add css3, or hack the crap out of it to make it work with the majority of browsers (and we're assuming here each table is the same size, if you have 100 different sizes, you need a hell of a lot of images) - neither solution is good at this point in time.
     
    rochow, Nov 20, 2009 IP