Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 4 of 4
  1. #1
    Regular Coder
    Join Date
    Apr 2007
    Posts
    179
    Thanks
    17
    Thanked 0 Times in 0 Posts

    <a> Button Display on IE

    To make an <a class="button"> based button, I used the CSS:

    .button:link{
    border-radius: 5px; /*and other settings*/
    }

    This presents the button with a round corner on Firefox, but a squared look on IE (9).

    Is there way to make the corner round a bit on IE?



    Thanks

  • #2
    Regular Coder
    Join Date
    Jun 2010
    Posts
    121
    Thanks
    0
    Thanked 3 Times in 3 Posts
    IE 9 you shouldn't need anything other then "border-radius "

    As to why it is not displaying properly, I think you would need to copy and paste that section of css that your talking about to problem solve it. It could be as simple as a syntax error.

    Example

    using two colons instead of a colon and semi colon.

    border-radius: 10px:

  • #3
    Regular Coder
    Join Date
    Dec 2010
    Posts
    424
    Thanks
    22
    Thanked 56 Times in 56 Posts
    Yes, like he said, it should work in IE, but take a look at this to get it to work in older versions of IE


    http://davidwalsh.name/css-rounded-corners

    Cheers

  • #4
    Regular Coder
    Join Date
    Jun 2010
    Posts
    121
    Thanks
    0
    Thanked 3 Times in 3 Posts
    Quote Originally Posted by aaronhockey_09 View Post
    Yes, like he said, it should work in IE, but take a look at this to get it to work in older versions of IE


    http://davidwalsh.name/css-rounded-corners

    Cheers
    Thanks for the useful information


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •