
Originally Posted by
ALSMonarch
Oh boy! You were right! I don't know what I edited, but it wasn't the right file. Now I've got it up. One more question, though. Do you know how I can get the text box to line up with the image?
http://www.theoccasionalcake.com/Cart/
Thanks Becky!
Amy
Hi Amy,
Good question! Hard answer. "-)
I fiddled a bit... if I was going to do it, I'd probably do it like this (note the inline style bits in red)
Code:
<form name="quick_find_header" action="http://www.theoccasionalcake.com/Cart/index.php?main_page=advanced_search_result" method="get"><input type="hidden" name="main_page" value="advanced_search_result" /><input type="hidden" name="search_in_description" value="1" />
<input type="text" name="keyword" size="6" maxlength="30" style="float: left; width: 100px;" value="Enter search keywords here" onfocus="if (this.value == 'Enter search keywords here') this.value = '';" onblur="if (this.value == '') this.value = 'Enter search keywords here';" />
<input type="image" src="includes/templates/simple_zen/buttons/english/button_quick_find.gif" value="Search" style="float: left; width: 20px; height: 20px;" />
</form>
Notice that to make it look best, I did a No-no and resized the image with width and height in the style. I couldn't get it to line up correctly without making it smaller to match the height of the box. If you do something like this you'll need to re-create your image in the correct size and then you can drop the height/width bits.
At least this will give you a direction to look? I do have to say I didn't test this in Firefox or IE (I was working from cache in Opera) and I know IE sometimes hiccups with floats. So it may not be the cure. "-)
I'd love to see what you come up with for your site when you're done, it's really pleasing to the eye!
Cheers,
Becky