CSS Arrange Button elements (HTML) -
i have css , html form in link. http://jsfiddle.net/qlgcx/1/ how can make "update" , "reset" button in same row in below output? using same css few other html contain 1 submit button. afraid changing css effect them well.
#stylized button{ clear:both; margin-left:150px; width:125px; height:31px; background:#666666 url(img/button.png) no-repeat; text-align:center; line-height:31px; color:#ffffff; font-size:11px; font-weight:bold; }
this solution not effect other forms have requested. require modification of html however, being, adding class buttons.
the html modified:
<button type="submit" class="custom-submit" >update</button> <button type="reset" class="custom-reset">reset</button>
the css added:
#stylized button.custom-submit, #stylized button.custom-reset { float: left; clear: none; margin-left: 50px; }
or if wanted more efficiently, need 1 class:
<button type="submit" class="updatereset" >update</button> <button type="reset" class="updatereset">reset</button>
and can apply css once, without parents in selector:
.updatereset { float: left; clear: none; margin-left: 50px; }
Comments
Post a Comment