Internet Explorer is not displaying my buttons well

HTML, CSS and anything else that deals with client side capabilities.

Moderator: General Moderators

Post Reply
adsegzy
Forum Contributor
Posts: 184
Joined: Tue Jul 28, 2009 9:26 am

Internet Explorer is not displaying my buttons well

Post 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;
}
User avatar
califdon
Jack of Zircons
Posts: 4484
Joined: Thu Nov 09, 2006 8:30 pm
Location: California, USA

Re: Internet Explorer is not displaying my buttons well

Post by califdon »

So how does IE display it? Exactly what is different?
User avatar
social_experiment
DevNet Master
Posts: 2793
Joined: Sun Feb 15, 2009 11:08 am
Location: .za

Re: Internet Explorer is not displaying my buttons well

Post 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
*/
“Don’t worry if it doesn’t work right. If everything did, you’d be out of a job.” - Mosher’s Law of Software Engineering
Post Reply