   [web] Button resize with javascript
  I am trying to resize a button's height with &#106avascript,i tried doing this :function onPageLoad(){btn1 = document.getElementById('btn1');btn1image = document.getElementById("btn1img");btn1.height = btn1image.height;alert("page load"+btn1.height);}The method is being called but it doesn't change the height of the button.The button has a css applied like this :.myButton {width:100%;display:block;font-size: 100%;border:0px;margin:0px;padding:0px;text-align: center;text-decoration:none;background-color:transparent;background-repeat: no-repeat;color:white;}And the button is created like this : <button id="btn1" class="myButton" value="1" title="asd"><div style="position:relative; left:0px; top:0px; width:100%; margin:0px;"><img id="btn1img" src="images/button.png" style="position:absolute; left:0px; top:0px; margin-top:-8%; z-index:-1; width:100%;"></div>Inventory</button>This is driving me nuts,i was thinking web programming was easier,I was wrong. :)   
  To access the style of DOM elements, use the style property.btn1.style.height = btn1image.style.height;;  Doh, thanks i was wondering why it was not working.Also properties must be inside quotes,i was just passing numbers directly.Finally I managed to scale everything down,including buttons and their texts using &#106avascript and css.Result;  I'm glad I could help.   