Trouble Coding Search Box

[antandsons]

How would one go about including a couple of search boxes (like http://www.cnbc.com has on the top) with a picture in the background, lets say a corporate logo. What would be the simplest way to do the coding on that? I'm trying to go for this effect, it is very similar to Yahoo's search box on the top of their front page.

[TCH-Thomas]

The simplest would be to check out hotscripts.com and see if there are any already made scripts.

[btrfld]

Assuming that you already know or can get the necessary code for the search form, the visual effect would be done by placing the form in a <div> with the background-image you want.

 

HTML

<div id="srch">

<form> . . . </form>

</div>

 

CSS

div#srch { width: [image width]px; height [image height]px; background-image: url(image/reference/here); }

 

Is that what you mean?

Edited January 6, 2007 by btrfld

[carbonize]

As btrfld says it's just a div with a background image. The image in question being http://www.cnbc.com/images/cnbc/navigation..._back_plain.jpg

[antandsons]

Thanks for your suggestions. However, I tried doing it and this is what I got:

 

http://www.antandsons.com/test/index.php

 

(Style sheet is here http://www.antandsons.com/style.css)

[heyguy]

Doesn't look like you're using the stylesheet. Try adding

><link href="../style.css" rel="stylesheet" type="text/css">

in between your head tags.

[antandsons]

Doesn't look like you're using the stylesheet. Try adding

><link href="../style.css" rel="stylesheet" type="text/css">

in between your head tags.

 

 

Mistakenly forgot about that, but I added it in between the head tags and it still does not work. Search function is working, but no background image showing.

[TCH-Bruce]

This doesn't look right to me:

 

><form method="get" action="http://www.your-TCH-domain.com/search/search.pl">

<input name="Terms" id="fdse_TermsEx" type="text" style="width:98%; border:solid 0; /></td>
			<td width="61" align="right" valign="middle"><div align="right">
			  <input name="submit" value="Search" type="image" src="../../images/search_bottom.gif" />

</form>

 

Note your and

tags. Where is the rest of the table? And the closing tag is before the opening tag.

[antandsons]

Check it out now...looks pretty cool. Just cannot seem to get the search box lined up with the input text box.

 

BTW, i appreciate all the help you all have given me on this.

[TCH-Bruce]

You are still missing a closing table tag.