• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 404
  • Last Modified:

.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.
0
davidgm
Asked:
davidgm
  • 3
  • 2
1 Solution
 
DaydreamsCommented:
Hi davidgm,

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>
0
 
davidgmAuthor Commented:

Daydreams;

Made the changes. Still not working in Netscape. Works on IE.
0
 
davidgmAuthor Commented:

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">
0
Get expert help—faster!

Need expert help—fast? Use the Help Bell for personalized assistance getting answers to your important questions.

 
siliconbritCommented:

Have you refreshed your cache in netscape?  The browser may be working on an old copy.
0
 
DaydreamsCommented:
davidgm, also check that the path to your style sheet is correct.
0
 
DaydreamsCommented:
Glad to help and thanks for the A! :-)
0

Featured Post

Receive 1:1 tech help

Solve your biggest tech problems alongside global tech experts with 1:1 help.

  • 3
  • 2
Tackle projects and never again get stuck behind a technical roadblock.
Join Now