centering search form

[Dick]

When viewed using IE browser, the Zoom search form appears paragraph-centered on my search page (www.dickgilbert.com/search.htm) and on the search results page, which is what I want. When viewed using Mozilla Firefox, however, the form incorrectly appears paragraph-left on both pages.

Is there a way to "center" the search form so that Firefox will view it "correctly?"

Once again, I GREATLY appreciate your feedback and help!

Dick

[David]

This post from a couple of days ago might help,
Search Form position on page

[Dick]

slowly making progress ... but ...

Many thanks. I am still trying to figure out where I would add the <div style="text-align: center;"> and </div> tags to center the search form elements on my Results page. I suspect it would be somewhere on the search_template.html file, but not sure where. (I am using PHP. You can view my progress thus far at http://dickgilbert.com/search.htm.)

As always, your help is GREATLY appreciated!

Dick

[David]

Yes, in the search_template.html file.
You place the <div> tags around the thing(s) you want centered.

Using CSS is another option.

See also this page.
Q. How do I customize the appearance of my search results with CSS?

[Dick]

I'm sorry to be such a dunce. So far I have tried adding the "div" tags in two different places on my search_template.html page ...

<div style="text-align: center;">
.zoom_searchform { font-size: 100%; } </div>

and at

<div style="text-align: center;">
input.zoom_button { }
input.zoom_searchbox { } </div>

... but with no success.

Dick

[David]

Hmmm. I just had a look at your search page.

It looks identical to me in IE, Firefox and Chrome.

So I am not sure what needs fixing.

[Dick]

Hi again,
On the Results page, I would just like to make the 2 lines of the search form justified to the Center, and keep the results all justified Left, as they currently are.

[Dick]

Hi again,

Since originally posting this thread on Nov. 17, the issue raised in the first post about the Search Form being located differently on different browsers has been remedied as I added html code to the search_template.html to confirm the Results page with my other web pages.

The search form is now correctly justified center on my search.htm page at <http://dickgilbert.com/search.htm>.

I would still like to also center these 2 lines of this Form on the Search Results page but have yet to figure out how to do so using the suggestions above on this thread. (Since this form is part of <!--ZOOMSEARCH--> on the Results page, perhaps it cannot be independently changed.) ?

[Dick]

??????????

[Ray]

Sorry this thread must have slipped through the cracks.

Look for this line in your search_template.html file:

.zoom_searchform { font-size: 100%; }

And replace it with this line:

.zoom_searchform { font-size: 100%; text-align: center; }

That should be all you need.

[Dick]

Many THANKS!

Thanks so MUCH, Ray! JUST what de doctor ordered. Your help is greatly appreciated!

Dick