Html. Help Please.

[Rune Guru]

Ok so I have an Search Code:

<center>
<div>
<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>

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

 

[World Domination]

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:

<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".

 

[Darthatron]

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

<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>

 

[Rune Guru]

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

<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,,,

 

[Deviant Cloud]

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

 

[Rune Guru]

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

Thanks worked =)

 

[Deviant Cloud]

Thanks worked =)

All good mate anytime.