Customizing Header

[neergnai]

Hi, all.

I'm a frustrated newb looking for assistance in customizing my header (or whatever it's called). I've tried reading the FAQ's and as much info as I can find- but still can't make a lot of sense of it.
I have NO experience with PHP. I still find style-sheets challenging.

I'm trying to make my store (http://merchandise.dachsys.net/catalogue) look like my webpage (www.dachsys.net). In order to do this I need to be able to place the drop-down menus and the search-box inside a table with specific graphics as a background.

1. How/where do I create a table?
2. How do I relocate the search-box?

Can anybody please help?

[stevesh]

First of all, stop thinking of tables. Zencart is mostly CSS now and it's much easier to style that way.

You've made a good start styling your store to look like your main site - the dropdowns work OK for me.

Try searching the forums for 'background image' 'main page'. There have been some recent posts about placing a background image in the mainWrapper in the stylesheet. I'll see if I can find them.

Where do you want the Search box? There's a Search sidebox available.

[neergnai]

Thanks for your comments.

I did manage to get a background graphic to display- although I still can't for the life of me figure out how to center the text vertically on the background.

I deliberately turned-off the sidebar search box because I figured one search box at the top of the page was enough. But I want to relocate the search-box to the menu-bar (as on my main page).

I realize that tables are frowned upon these days, but in this case a table would be helpful so that I could locate a separate 'end-cap' graphic at either end of the menu bar, as well as locating the search box on the menu-bar.

I just can't figure out how to create a table that contains what I want it to. (ie: menu-bar and search-box)

[PTS_Jacob]

"I did manage to get a background graphic to display- although I still can't for the life of me figure out how to center the text vertically on the background."

If you know the height of it you can use line-height{} in the CSS. It might look something like this: " line-height: 24px; " or however big it is. That will cause any text to be centered vertically.

[PTS_Jacob]

You can find the Search CSS under, " navMainSearch ", with that you can place it, I've had to do the same thing. You can either using Margin/Padding, or you can use the Position{} CSS element. Something like: " margin: 50px 0 0 0; " would move the search 50px down, however sometime this can cause other things to be pushed around. Using " position: relative; " and then " top: 50px; " would move it down too and might avoid moving anything else. I would first try the margin, and if that doesn't work then try position.

[neergnai]

Thanks for some great suggestions.
I did manage to vertically center the text on the background using "padding".

Your suggestion for moving the search-box worked great, too- but it is behind the graphic for the drop-down menu-bar, and therefore not visible at all. There has to be some way of bringing it to the front, right?