Question

I have a simple form based on jquery –

<center>
    <form id="form1">
    <div id="registerDiv" data-role="fieldcontain" >    
     <input type="button" value="Register" id="registerButton" data-inline="true"/>
    </div>
    </form>
  </center>

Id like to modify the form so that it has two background images, one background covers the button (number 1 in attachment – layout.png), the second is a background image that act as a border(number 2 in attachment – layout.png). What is the best method of achieving this ?

Thanks

Answer 1

I think all you’re looking for is this:

#form1 { 
    background: url( /images/background1.jpg ) no-repeat;
}

#registerDiv {
    margin: 40px;
    background: url( /images/background2.jpg ) no-repeat;
}