Hello all, Could someone tell me how to fix this issue. I have a graphic with a search box that I simply drew on there form Photoshop. How do i make this into a real html search box? thanks
Not exactly sure best way because can't see your graphic, but one idea is set your graphic without the search box as the background image of a table cell. Then place your html search box in that table cell and position it in the cell / over the graphic, with a transparent gif. Another way is splice the graphic around the search box, then place those using a table or Css around the search box in html.
<div style="Background: url(image.jpg);"> <form action="search.php" method="post"> <input type="text" /><br /> <input type="submit" value="Search"/> </form> </div> Code (markup): then use the css "position" attributes to place the item where they should be. The other option is to slice the image in image ready (while in photoshop click on "Edit in imageready") and there you can slice it, put the search box in a separate slice and then click "File> Save optimized> images and html". After that you can open the document you just created and remove the image corresponding to the search box and put in the real item.