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. enter image description here

enter image description here

#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; } 

http://jsfiddle.net/qlgcx/10/

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

Popular posts from this blog

blackberry 10 - how to add multiple markers on the google map just by url? -

php - guestbook returning database data to flash -

delphi - Dynamic file type icon -