Kelly Moore wrote: > I already had a margin on the bottom of each div, so I added one on > the top as well, and that did the trick. Just increasing the bottom > margin had no effect, strange. I have divs around each row for > precisely this kind of thing -- layout control. > > Thanks.
Kelly, This type of coding/styling might be easier to manage, while still achieving the look you want. It could be argued as "more semantic/accessible" as well. The Link: http://www.theholiergrail.com/tests/yak/form.php The Code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/xhtml1-strict.dtd";> <html xmlns="http://www.w3.org/1999/xhtml"; xml:lang="en" lang="en"> <head><title>Semantic Form</title> <meta http-equiv="content-type" content="application/xhtml+xml;charset=UTF-8"/> <style type="text/css"> body { font-family: Arial, Helvetica, sans-serif; font-size: 12px;/* bad for MSIE users!! */ } form { border: 1px solid #D0EAF8; margin: 0 auto; padding: 0 0 10px 0; width: 585px; } fieldset { border: 0; margin: 0; padding: 2.5em 0 0 0; position: relative; } legend span { background-color: #D0EAF8; color: #114086; display: block; font-weight: bold; left: 0; margin: 0; padding: 5px 0; position: absolute; text-indent: 10px; text-transform: uppercase; top: -2.5em; width: 100%; } label { display: block; font-weight: bold; margin: 0 50px; } label.text { overflow: hidden; padding: 1px 0 10px 180px; position: relative; } label.text span { display: inline; float: left; margin-left: -180px; padding-right: 10px; text-align: right; width: 170px; } label.text input { border: 1px solid #8D8D8D; margin: 0; padding: 0; width: 300px; } label.checkbox { margin: 0 10px 0 50px; overflow: hidden; padding: 1px 0 10px 180px; } label.checkbox input { display: inline; float: left; margin-left: -25px; } label.checkbox span { color: #324773; text-align: left; } label.submit { margin: 0 10px 0 0; text-align: right; } label.submit input { background-color: #5E7B99; color: #ffffff; padding: 5px 10px; } form p { margin: 0 10px 0.5em 10px; } </style> </head><body> <form class="list" method="post" action="http://web.ep//user/create"; id="gd_register"> <fieldset><legend><span>New Member Registration</span></legend> <p>hi</p> <label class="text" for="gd2_email"><span>Email Address:</span> <input id="gd2_email" name="email" class="normal" value=""/><br/></label> <label class="text" for="firstname"><span>First Name:</span> <input id="firstname" name="firstname" class="normal" value=""/><br/></label> <label class="text" for="lastname"><span>Last Name:</span> <input id="lastname" name="lastname" class="normal" value=""/><br/></label> <label class="text" for="password1"><span>Password:</span> <input id="password1" name="password1" type="password" class="normal" value=""/><br/></label> <label class="text" for="password2"><span>Confirm Password:</span> <input id="password2" name="password2" type="password" class="normal" value=""/><br/></label> <label class="checkbox" for="remember"> <input type="checkbox" id="remember" name="remember" value=""/> <span>Remember Me</span><br/></label> <label class="checkbox" for="sendinfo"> <input type="checkbox" checked="checked" id="sendinfo" name="sendinfo"/> <span>mailing list, baby! blah blah blah iblah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah</span><br/></label> <label class="submit" for="submit"> <input type="submit" id="submit" value="REGISTER" title="Register" class="button"/><br/></label> </fieldset> </form> </body></html> Valid XHTML 1.0 Strict: http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fwww.theholiergrail.com%2Ftests%2Fyak%2Fform.php Valid CSS Level 2.1: http://jigsaw.w3.org/css-validator/validator?profile=css21&warning=0&uri=http%3A%2F%2Fwww.theholiergrail.com%2Ftests%2Fyak%2Fform.php Hope it helps. Bill -- /** * Bill Brown * TheHolierGrail.com & MacNimble.com * From dot concept...to dot com...since 1999. ***********************************************/ ______________________________________________________________________ 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/
