X-Cart forums - <Input> and <form> search function over an image

X-Cart forums (https://forum.x-cart.com/index.php)

- Changing design (https://forum.x-cart.com/forumdisplay.php?f=51)

- - <Input> and <form> search function over an image (https://forum.x-cart.com/showthread.php?t=3605)

<Input> and <form> search function over an image

Can someone put up some example code for integrating a "input" over an image?

I am trying to place my search.tpl (info) over a simple bar image. In the search.tpl there is a <input> and <form>, I want to place this info over a image bar.
This is the code I'm playing with so far.

Quote:

<input name="mainlogobar" type="image" src="images/mainlogobar.gif" align="left" width="694" height="36" style="background-repeat: repeat-x">
<form method="get" action="../customer/search.php" name=productsearchform>
<tr>
<td valign="middle" width=34>

<span class="TopLabel">{$lng.lbl_search}:</span></p>
</td>
<td valign="middle" width=250>
<input type="text" name="substring" size="16" value="{$smarty.get.substring|escape}">
{include file="buttons/search_head.tpl"}
</td>
</tr>
<tr>
<td width=34></td>
<td>{$lng.lbl_advanced_search}</td>
</tr>
</form>

I am using Dreamweaver and have been going at this for several hours...maybe someone can lead me in the right direction, thanks

Chris

Based on your code above it looks as if you have a "bar" the length of your table. Is that correct? Are you trying to place the search box on top of this bar or do you want the image to be the submit button?

If you want the text and box to go over an image just created a table and set the background there but don't specify a background in the individual td unless you have a button that you're putting the text over.

I hope I caught what you wanted and this made some sense :D