I've got a search form, how do I add an image in the background? ( $5 for advice)

Discussion in 'PHP' started by vwdforum, May 16, 2008.

0
  1. #1
    Hello

    I've looking to use the following image

    [​IMG]

    I want to be able to enter the search term in the search bar and click on the "go" to perform the search.

    on my magazine subscription website.

    Here's the code I currently using

    <div id="header">
<br>
<form name='search' action='<?php print $config_baseHREF ?>searchRedirect.php'>
	  <label for='q'><b><font size="5">search  for magazines...   </font></b> </label>
    <input class='searchtext' type='text' id='q' name='q' size='35' value='<?php print (isset($header["title"])?$header["title"]:""); ?>' />
		<font size="5">
    <input class='searchbutton' type='submit' value='<?php print translate("Search"); ?> &raquo;' /></font><br />
	</form>
</div>
    PHP:
    I will paypal the first to tell me what to do $5

    Thanks!

    Mally
     
    vwdforum, May 16, 2008 IP
  2. vwdforum

    vwdforum Well-Known Member

    Messages:
    786
    Likes Received:
    13
    Best Answers:
    0
    Trophy Points:
    110
    #2
    sorted, nihcer is helping me
     
    vwdforum, May 16, 2008 IP
  3. adrevol

    adrevol Active Member

    Messages:
    124
    Likes Received:
    7
    Best Answers:
    0
    Trophy Points:
    58
    #3
    <html>
    <head>
    <style>

    input#search{
    width:40px;
    background:none;
    border-top-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 0px;


    border-left-width: 0px;
    border-top-style: none;
    border-right-style: none;
    border-

    bottom-style: none;
    border-left-style: none;
    margin: 0px;
    padding: 0px;
    }

    div#header
    {
    background-image:url(search.jpg);background-repeat:no-repeat;
    height:29px;
    }
    label#helptext
    {
    width:200px;
    display:none;
    }
    input#q{
    border:none;width:152px;
    height:15px;
    margin-left:210px;


    }
    </style>
    </head>
    <body>

    <div id="header" >
    <form name='search' action=''> <label id='helptext' for='q'><b><font size="5">search for

    magazines... </font></b></label> <input class='searchtext' type='text' id='q'

    name='q' size='15' value='' /> <font size="5"> <input class='searchbutton'

    type='submit' id="search" value='' /></font><br /> </form></div>

    </body>
    </html>



    check out the above code ... i have used css to get this sorted out ...

    check it out by pasting the above html code in a html file and place the search.jpg image in the same folder ..


    if it works then fine, just reply back . keep your $5 with you ..
     
    adrevol, May 16, 2008 IP