Page 1 of 1

Internet Explorer is not displaying my buttons well

Posted: Fri Aug 17, 2012 1:16 pm
by adsegzy
Hello People,

Am having problem with internet explorer. I have code a function as below to be used as buttons on my website, every other browsers are displaying it well except Internet Explorer pls what do i do? My CSS is as below
td .a{
color:#FFFFFF;
font-weight:bold;
background: #111;
background: -moz-linear-gradient(#FF0000, #DE1F15);
background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #111),color-stop(1, #444));
background: -webkit-linear-gradient(#FF0000, #DE1F15);
background: -o-linear-gradient(#FF0000, #DE1F15);
background: -ms-linear-gradient(#FF0000, #DE1F15);
background: linear-gradient(#FF0000, #DE1F15);
-moz-border-radius: 10px;
border-radius: 10px;
-moz-box-shadow: 0 2px 1px #9c9c9c;
-webkit-box-shadow: 0 2px 1px #9c9c9c;
box-shadow: 0 2px 1px #9c9c9c;
cursor:pointer;
cursor:hand;
}

td .a:hover{
color:#000000; font-weight:bold;
background: #444;
background: -moz-linear-gradient(#EAD58A, #DEBB41);
background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #111),color-stop(1, #444));
background: -webkit-linear-gradient(#EAD58A, #DEBB41);
background: -o-linear-gradient(#EAD58A, #DEBB41);
background: -ms-linear-gradient(#EAD58A, #DEBB41);
background: linear-gradient(#EAD58A, #DEBB41);
-moz-border-radius: 10px;
border-radius: 10px;
-moz-box-shadow: 0 2px 1px #9c9c9c;
-webkit-box-shadow: 0 2px 1px #9c9c9c;
box-shadow: 0 2px 1px #9c9c9c;
cursor:pointer;
cursor:hand;
}

Re: Internet Explorer is not displaying my buttons well

Posted: Fri Aug 17, 2012 1:41 pm
by califdon
So how does IE display it? Exactly what is different?

Re: Internet Explorer is not displaying my buttons well

Posted: Fri Aug 17, 2012 2:56 pm
by social_experiment
Unless you have a class in "a" you shouldn't have a full stop (.) in front of the anchor declaration.

Code: Select all

td a 
/*
 instead of td .a
*/