Chris W. Parker wrote:
Hello,
I've got the following HTML...
<form id="order_submit">
<input type="submit" value="Submit Order"/>
</form>
...that is being influenced by some more general CSS rules (background
and border and width). If I declare those things within the style
attribute I can get it to look how I want. Yet when I use the following
CSS it's not affected:
form#order_submit {
width: 100%;
background: none;
border: none;
text-align: center;
}
form#order_submit input {
font-size: large;
font-family: Verdana;
}
I know that I'm referencing it correctly because my rules for the
<input/> tag are working correctly. Even 'text-align' in the form's
declaration is working! It's just width, background, and border that are
not.
What am I missing here?
You probably need to look somewhere else. The little scraps of code you
offered work perfectly when used alone. Something else is affecting the
result. Mozilla and Firefox both have good DOM Inspector tools which
are very handy for this kind of diagnosis. The tool can tell you
exactly what styles are affecting any single element.
--
Bob Easton
Accessibility Matters: http://access-matters.com
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/