Help - Search - Members - Calendar
Full Version: CSS & Form elements
Movable Type Community Forum > Additional Resources > Tips and Tricks
flowb33
Turns out I had an unbalanced bracket declared in my stylesheet. Ug. Thanks for the recs though. Things are working fine now.
iosonoio
it works fine for me...
here's my code:
CODE
<input type="submit" name="post" value="invia" style="background-color: White; border: 1px solid #333; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px;">


have you checked the
CODE
<link rel="stylesheet"...
in the "comment template"?
flowb33
I'm using CSS to style all form elements and it doesn't seem to be working. Worked fine in Greymatter. Here a sample:
CODE
<input type="submit" name="post" value=" Post this comment " class="body" style="padding: 2px;" />


Anyone know why this isn't working in MT?
LintHuman
I notice that you declare a CSS class (class="body") and set the style parameter (style="padding: 2px;") within the <input> tag.  This shouldn't cause any problems, but sometimes browsers choke on this kind of thing and won't render your button (or any other element) properly.

Furthermore, some older browsers either apply CSS to form elements incorrectly, or won't apply CSS to them at all... Which browser are you using?

You could try removing either the class or the inline style to see if any CSS gets applied correctly. If the problem persists, it might be an idea to define a new CSS class specifically for your buttons, rather than combine embedded/linked and inline in this way.
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.
Invision Power Board © 2001-2009 Invision Power Services, Inc.