davidgm
asked on
.mybutton class not working in Netscape/Firefox
Hi css experts:
The css that applies to a button is not wokring in Netscape/Firefox (does in EI):
Here is what I have inside form tags:
<INPUT name=submit type="submit" value="Go" class="mybutton">
and here is the css
.blueBtn {
height:20px;
width:30px;
background-color: #006eb9;
font-family: arial, verdana, sans-serif;
font-weight: heavy;
border: #ffffff 1px solid;
font-size: 9pt;
color: #ffffff
}
Also, does css apply to an include file embedded within the main file? I tried to do a big css file for the main file and all include files but noted that the include ones were not getting the css. You help is appreciated.
ASKER
Daydreams;
Made the changes. Still not working in Netscape. Works on IE.
ASKER
Daydreams;
I found out that it works when embedded in the document like you did above but not when called as an external file as follows:
<LINK REL="stylesheet" HREF="styles/button.css" TYPE="text/css">
Have you refreshed your cache in netscape? The browser may be working on an old copy.
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Glad to help and thanks for the A! :-)
The css above does not match your class "mybutton". Also, there is no value "heavy" for the font. You should have quotes around the name="submit". Try this:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title></title>
<style type="text/css">
.mybutton {
height:20px;
width:30px;
background-color: #006eb9;
font-family: arial, verdana, sans-serif;
font-weight: bold;
border: #ffffff 1px solid;
font-size: 9pt;
color: #ffffff
}
</style>
</head>
<body>
<INPUT name="submit" type="submit" value="Go" class="mybutton">
</body>
</html>