Html. Help Please.

Ok so I have an Search Code:

How do I add an Image behind that? not a background.

 

if this is what you mean:


Then it's done by putting your search <div> inside a table and putting the background of the table the image you want. You'd accomplish that by doing the following:

Code:

<center>	
<div>

</div>
<table width="275" height="75" border="0" background="https://www.google.com/logos/classicplus.png">
  <tr>
    <td width="378"><form action="sphider/search.php" method="get">
<input type="text" name="query" id="query" size="50" value="">
<input type="submit" value="Search Game" />
<input type="hidden" name="search" value="3">
</form></td>
  </tr>
</table>
</center>

Obviously you will change "https://www.google.com/logos/classicplus.png" to the URL of the image you want to use. You will also need to change the table size to the size of the image, otherwise it will repeat itself. Make sure you leave the Border="0" part; that will make the table essentially "invisible".

 

I don't understand why you don't want to use a background image?

Code:

<center>
<div[COLOR="Yellow"] style="background:url('https://www.google.com/logos/classicplus.png') center center no-repeat; height: 95px; width: 500px;"[/COLOR]>
<form action="sphider/search.php" method="get">
<input type="text" name="query" id="query" size="50" value="">
<input type="submit" value="Search Game">
<input type="hidden" name="search" value="3">
</form>
</div>
</center> 

 

for some reason it keeps moving up or down, its very strange and none of my HTML mates know why,,,

 

If you use "Position: Absolute;" it won't move when you scroll and such, if you use background image.

 

Thanks worked =)

 

All good mate anytime.