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 9 of 9
  1. #1
    Senior Coder
    Join Date
    May 2004
    Posts
    1,457
    Thanks
    15
    Thanked 0 Times in 0 Posts

    css buttons not showing on internet explorer

    why is this code not showing on internet explorer

    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    
    <style>
    
    .button6{
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;
    
    -moz-box-shadow:0 2px 0 #b7245a;
    -webkit-box-shadow:0 2px 0 #b7245a;
    box-shadow:0 2px 0 #b7245a;
    
    background: -moz-linear-gradient(0% 50% 90deg,#E22E6D, #EB3373, #EB3373 15%);
    
    background: -webkit-gradient(linear, 0% 0%, 0% 56%, from(#EB3373), to(#E22E6D), color-stop(.9,#EB3373));
    
    color:#fff;
    float:left;
    font-family:arial,helvetica,sans-serif;
    font-size:17px;
    font-weight:bold;
    padding:7px 20px;
    text-shadow:1px 1px 1px rgba(0, 0, 0, 0.5);
    }
    
    .button6:hover{
    background: -moz-linear-gradient(0% 50% 90deg,#D62C67, #DE306D, #EB3373 15%);
    background: -webkit-gradient(linear, 0% 0%, 0% 56%, from(#DE306D), to(#D62C67), color-stop(.9,#EB3373));
    }
    </style>
    </script> 
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Untitled Document</title>
    </head>
    
    <body>
    <a href="#" class="button6">Click HEre</a>
    </body>
    </html>

  • #2
    Banned
    Join Date
    Feb 2011
    Posts
    2,699
    Thanks
    13
    Thanked 395 Times in 395 Posts
    You have a mis-matched tag.

  • #3
    Senior Coder
    Join Date
    May 2004
    Posts
    1,457
    Thanks
    15
    Thanked 0 Times in 0 Posts
    You have a mis-matched tag.

    wht do you mean?

  • #4
    Banned
    Join Date
    Feb 2011
    Posts
    2,699
    Thanks
    13
    Thanked 395 Times in 395 Posts
    I was just making an observation that you have an unmatched opening or closing tag, but it's not the cause of your problem.

    If you're using a reputable text editor or IDE it will highlight it for you.

  • #5
    Senior Coder
    Join Date
    Apr 2011
    Location
    London, England
    Posts
    2,120
    Thanks
    15
    Thanked 354 Times in 353 Posts
    Delete this </script> and you should move the <style> after the <meta> tag(s) (and usually after the <title> as well).
    "I'm here to save your life. But if I'm going to do that, I'll need total uninanonynymity." Me Myself & Irene.
    Validate your HTML and CSS

  • #6
    Senior Coder
    Join Date
    May 2004
    Posts
    1,457
    Thanks
    15
    Thanked 0 Times in 0 Posts
    that doesn't fix it -- what's the issue that the buttons are not showing?

  • #7
    Senior Coder
    Join Date
    Apr 2011
    Location
    London, England
    Posts
    2,120
    Thanks
    15
    Thanked 354 Times in 353 Posts
    IE doesn't understand the gradient properties you've set - WebKit settings are for Safari and Google. Some information here.

    You might need similar fixes for box shadows and/or radius.

    Edited: Yes, IE needs fixes for box shadows and box-radius as well
    Last edited by AndrewGSW; 05-17-2011 at 10:22 AM.
    "I'm here to save your life. But if I'm going to do that, I'll need total uninanonynymity." Me Myself & Irene.
    Validate your HTML and CSS

  • #8
    Senior Coder
    Join Date
    May 2004
    Posts
    1,457
    Thanks
    15
    Thanked 0 Times in 0 Posts
    so how can I make it just how 1 color backgroudn for ie?

  • #9
    Kor
    Kor is offline
    Red Devil Mod Kor's Avatar
    Join Date
    Apr 2003
    Location
    Bucharest, ROMANIA
    Posts
    8,478
    Thanks
    58
    Thanked 379 Times in 375 Posts
    Quote Originally Posted by esthera View Post
    so how can I make it just how 1 color backgroudn for ie?
    AndrewGSW has just show you how. Once again, read that article and analyze the code there:
    http://robertnyman.com/2010/02/15/cs...-using-images/
    KOR
    Offshore programming
    -*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*


  •  

    Posting Permissions

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