How do I 'send an image back', behind textboxes?
button, css, html, image, textbox
Solution
Try:
<div id="form_wrapper" style="background-image:url('img/yellow.png');">
<img src="C:\Users\George\Documents\HTML\My Local Soccer\pics\icons\gradient box.gif"
style="position:absolute; top: 155px; left: 480px; width:auto; height:auto;">
<input type="text" class="tb7" value="Username" style="margin-left: 563px"
maxlength="20" onfocus="if(this.value == 'Username') {this.value='';}" />
</br>
<input type="text" class="tb8" value="Password" style="margin-left: 563px;"
maxlength="20" onfocus="if(this.value =='Password') {this.value='';}"/>
<input type="image" height="25px" width="67px" style="vertical-align:top;"
src="C:\Users\George\Documents\HTML\My Local Soccer\pics\icons\sign in.gif" />
</div>
Enjoy and good luck!
Problem
You can view my problem: https://i.stack.imgur.com/cGoEU.png That image is covering my login form. How do I get it to move behind the textboxes & sign in button? This is my code: ``` <img src="C:\Users\George\Documents\HTML\My Local Soccer\pics\icons\gradient box.gif" style="position:absolute; top: 155px; left: 480px; width:auto; height:auto;"> <input type="text" class="tb7" value="Username" style="margin-left: 563px" maxlength="20" onfocus="if(this.value == 'Username') {this.value='';}" /> </br> <input type="text" class="tb8" value="Password" style="margin-left: 563px;" maxlength="20" onfocus="if(this.value =='Password') {this.value='';}"/> <input type="image" height="25px" width="67px" style="vertical-align:top;" src="C:\Users\George\Documents\HTML\My Local Soccer\pics\icons\sign in.gif" /> ```