...

View Full Version : css buttons not showing on internet explorer



esthera
05-16-2011, 01:11 PM
why is this code not showing on internet explorer


<!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>

bullant
05-16-2011, 01:14 PM
You have a mis-matched tag.

esthera
05-16-2011, 01:16 PM
You have a mis-matched tag.

wht do you mean?

bullant
05-16-2011, 01:20 PM
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.

AndrewGSW
05-16-2011, 01:23 PM
Delete this </script> and you should move the <style> after the <meta> tag(s) (and usually after the <title> as well).

esthera
05-17-2011, 06:43 AM
that doesn't fix it -- what's the issue that the buttons are not showing?

AndrewGSW
05-17-2011, 11:15 AM
IE doesn't understand the gradient properties you've set - WebKit settings are for Safari and Google. Some information here (http://robertnyman.com/2010/02/15/css-gradients-for-all-web-browsers-without-using-images/).

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

Edited: Yes, IE needs fixes for box shadows and box-radius as well :(

esthera
05-17-2011, 11:23 AM
so how can I make it just how 1 color backgroudn for ie?

Kor
05-17-2011, 11:57 AM
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/css-gradients-for-all-web-browsers-without-using-images/



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum