Hi all, I have a picture that I want to turn a portion of into a search bar. It's already a picture that includes a search bar, and I want to actually allow visitors to type into that space and hit go. Can someone point me in the right direction on this? In the end, it'll be hooked to a metasearch engine. For now, I just want to see what people type there, if I can figure out how to do this. I'm using WordPress, and the image IS in a slider. Thanks so much for ANY help!
Hello there, please check this example : http://jsfiddle.net/whmDY/1/ that will guide to the right way to achieve this!
you try this yet?: put the text-field-and-button elements inside their own container div, and use your image as the background, then, for the html elements, use this to make them completely transparent: "border : none; background : none; color : transparent;"
You can style input elements to include a background image, this might achieve the results that you want. If you have an input <input name="search" id="search /> you could apply the css rule #search { width: 300px; height: 50px; background-image: url()} Where width and height would be the image dimensions and the background url would be your image.
Thanks so much for all the input. I'm a single parent so I'm just getting online now and reading some of these suggestions and I'll do some work on it tonight. Just trying to make the search image on my homepage at NE1UP dot com 'real.' At least capturing queries, if not hooked up to anything results-wise initially. Thanks again!