[SOLVED] Centering the Search block

[noesac]

I removed the "contact", "sitemap" and "bookmark" icons / links by commenting out all the code in permanentlinks-header.tpl

Now I found that the "Search" block (field + button) aren't perfectly centered on the page (see screenshot).

Can anyone tell me what I need to modify to do this?



http://i25.tinypic.com/30l2smb.png

[MrBaseball34]

What is the link to your site? Need to see the HTML produced.

[Patric]

Topic moved.

[noesac]

http://tiny.cc/ef3xw

[MrBaseball34]

It looks centered in my browser window, what's the problem, again?

[noesac]

I fixed it.

You have to change the final "em" value in the code below. You need to tweak it to suit your needs:

#header #search_block_top p { padding: 0.4em 0 0.4em 8em; }

Changing the alignment below to "center" doesn't fix it, only the above:

#header #search_block_top label, #header #search_block_top input{ float:left; }

to

#header #search_block_top label, #header #search_block_top input{ float:center; }

[MrBaseball34]

float:center wouldn't work anyway. The only accepted values are left, right, none, and inherit.

[noesac]

float:center wouldn't work anyway. The only accepted values are left, right, none, and inherit.

And that explains it!!

[T-bird]

I'd like to move the search block to the left hand side. I tried playing with the "em" values but that either didn't do anything at all or it caused the search box to 'disintegrate'! Any idea how to do this? I'm keeping the other links in the middle (sitemap, contact, etc.) but I've moved everything below the main banner.
Cheers,
Andy

[MrBaseball34]

did you try float:left?

[T-bird]

Hi,
It's already on 'float: left' in the global.css. It came that way from Prestashop.
Andy