rounded corners problem

Discussion in 'HTML & Website Design' started by alekzo, Jun 3, 2006.

  1. #1
    I have a problem on my site http://urltube.com with loading time for rounded corners of my tables.Someone have an ideea to improve loading time ? Thanks.
     
    alekzo, Jun 3, 2006 IP
  2. aboyd

    aboyd Well-Known Member

    Messages:
    158
    Likes Received:
    17
    Best Answers:
    0
    Trophy Points:
    138
    #2
    Hmm. You could copy the code on my site:

    http://www.publisherdatabase.com/

    It has curved corners, and I don't use tables or images to do it. It's just div boxes with simple CSS attached:

    	-moz-border-radius: 15px;
    	border: 2px solid #4f7d31;
    	border-radius: 15px;
    Code (markup):
    The catch is that using that CSS is fairly bleeding edge. Hmm... well, not really. Most browsers handle it fine. But IE doesn't. IE just shows regular square boxes with regular pointy corners.

    -Tony
     
    aboyd, Jun 5, 2006 IP
  3. DomainMaster

    DomainMaster Banned

    Messages:
    576
    Likes Received:
    19
    Best Answers:
    0
    Trophy Points:
    0
    #3
    Fill me in on this one but why do people need to have rounded corners?
     
    DomainMaster, Jun 5, 2006 IP
  4. mavahntooth

    mavahntooth Well-Known Member

    Messages:
    1,064
    Likes Received:
    12
    Best Answers:
    0
    Trophy Points:
    128
    #4
    it is his own style i guess :p
     
    mavahntooth, Jun 5, 2006 IP
  5. brian394

    brian394 Well-Known Member

    Messages:
    226
    Likes Received:
    15
    Best Answers:
    0
    Trophy Points:
    108
    #5
    Wow, that's really bleeding edge. We're talking CSS3 stuff here. What browsers support CSS3 (besides FireFox v1.5), do you know? :confused:
     
    brian394, Jun 5, 2006 IP
  6. aboyd

    aboyd Well-Known Member

    Messages:
    158
    Likes Received:
    17
    Best Answers:
    0
    Trophy Points:
    138
    #6
    I was under the impression that Mozilla, Firefox, Safari, and Konqueror all supported it. Hmm. No, actually, I just checked, and while they all support it, they have custom names for it. So good working CSS would be:

    -khtml-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    border: 2px solid #4f7d31;
    Code (markup):
    Thanks for the question. I'm going to update my own CSS to reflect that.

    -Tony
     
    aboyd, Jun 6, 2006 IP