There are mistakes in the html: There is a span end tag and a label end tag with no corresponding opening tag. Also the label element's "for" attribute's value should be an id of an input element. To find problems with your CSS and HTML, you should use a validator such as http://validator.w3.org/ and http://jigsaw.w3.org/css-validator/ . To look at the styles that apply to an element you can use the Firefox extension Firebug.
Regards, Chetan Crasta On Mon, Apr 11, 2011 at 11:32 AM, unnikrishna menon damodaran <[email protected]> wrote: > hi all gurus out there, > am relatively a newbie with css/html. > > my problem: in the form field below: > Mobile Number Home Tel. Number shows in one row with text area input > is fine. > but for Home Tel. Number font is showing in serif which is not in the style. > > i guess it is a problem with label style but am unable to fix it. > > any help would be greatly appreciated. > > good day all, > kind regards | umd |** > > > /********** contact form **********/ > #contactform { margin:0; padding:5px 13px;} > #contactform * { color:black;} > #contactform ol { margin:0; padding:0; list-style:none;} > #contactform li { margin:0; padding:0; background:none; border:none; > display:block;} > #contactform li.buttons { margin:5px 0 5px 0;} > #contactform label { float:left; margin:0; width:100px; padding:5px 0; > font:bold 11px Arial, Helvetica, sans-serif; color:#3d3d3d; > text-transform:capitalize;} > #contactform label span { font:normal 11px Arial, Helvetica, > sans-serif;color:red;} > #contactform input.text { width:430px; border:1px solid #e9e9e9; margin:5px > 0; padding:5px 2px; height:12px; background:#fff;} > > #contactform input.text02 { width:144px; border:1px solid #e9e9e9; > margin:5px 0; padding:5px 2px; height:12px; background:#fff; font:bold 11px > Arial, Helvetica, Sans-serif; color:#3d3d3d;} > > > > <li> > <label for="name"> Mobile Number <span > class="red">*</span></label> > <input id="Mobile Number" name="Mobile Number" > class="text02"/> > Home Tel. Number <span class="red">*</span> > <input id="Home Tel" name="Home Tel" class="text02" > /></label> > </li> > ______________________________________________________________________ > css-discuss [[email protected]] > http://www.css-discuss.org/mailman/listinfo/css-d > List wiki/FAQ -- http://css-discuss.incutio.com/ > List policies -- http://css-discuss.org/policies.html > Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ > ______________________________________________________________________ css-discuss [[email protected]] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
