PDA

View Full Version : How to remove visable table from around a search box?


usinjin
05-16-2013, 04:35 PM
I've implemented a Google search box on a site, but I'm getting it drawn inside a visible table cell, it looks like (a rectangular box that surrounds it). How can I get rid of the cell? I just want the search bar and the buttons. I hope I've explained myself clearly enough, I'll clarify to anyone if not. Thanks.


<div id="search">
<form method="get" action="http://www.google.com/search">
<fieldset>
<div align="center">
<input type="text" name="q" id="search-text" size="65" />
<div class="jsb" style="padding-top:0px">
<center>
<input value=" Search" name="btnK" type="submit" jsaction="sf.chk">
<input value="I'm Feeling Lucky" name="btnI" type="submit" jsaction="sf.lck">
</center>
</div>
</div>
</form>
</div>

gentleone
05-16-2013, 06:55 PM
Delete the opening <fieldset> tag. The closing </fieldset> tag has been already deleted anyway. By default a form fieldset will get displayed as a bordered rectangle.

usinjin
05-16-2013, 10:11 PM
Thank you, that did the trick. Also, is there a way I can supply a different image for the search button? I've been trying to find information on how I could use a rollover image, but I haven't been able to find anything.

gentleone
05-16-2013, 11:47 PM
Here's an explanation how you could do that:
http://www.suburban-glory.com/blog?page=140