Forum Moderators: not2easy

Message Too Old, No Replies

Form button style problem on XP

My form buttons are not displaying properly on XP

         

julie fusion

5:13 pm on Jan 8, 2004 (gmt 0)

10+ Year Member



I am using css on my web site as I have done for some time. I have created a form and found out how to use a style class to improve the look of the button on the forms.

When viewed on Window 98 through IE6, Netscape 7, Opera 7, and Mozilla 1.4 the form buttons look fine. But when I viewed the form in IE6 on XP although the colour of the button is in place the text has changed into a couple of dashes.

I have try making a couple of changes to the styles but with no improvement to the look in XP.

Any help or suggestions for this irritating problem would be much appreciated as the site has been scheduled to go up on Friday

AWildman

6:08 pm on Jan 8, 2004 (gmt 0)

10+ Year Member



Are you referring to your submit and clear buttons? Are you using plain buttons or images? Have you validated your code to make sure that there are no errors?

julie fusion

12:25 pm on Jan 9, 2004 (gmt 0)

10+ Year Member



Yes it is a submit button (would this make a difference?)
Plain button
Yes, no problems reported

code in html form:

<input class="form" type='submit' name='command' value='submit'>

linked style sheet:

.form {
font-size: 2pt;
font-weight: bold;
color: #DDDDFF;
border: thin outset #000000;
background-color: #000000;
height:18px;
text-transform: uppercase;
border-style:solid;
border-top-width:1px;
border-bottom-width:1px;
border-left-width:1px;
border-right-width:1px
}

mattur

1:48 pm on Jan 9, 2004 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



You've set the font-size for all form element text to 2pt, which is tiny. Change this to a bigger size e.g. 10pt. HTH.

julie fusion

5:25 pm on Jan 9, 2004 (gmt 0)

10+ Year Member



Hi mattur,
Thanks for that. Sometimes you can't see the wood for the trees.

Julie :~)