Help with Header & Navigation

[ki0101]

Please excuse my noobness, but I need assistance. I have trying for two days to figure out how (or the best way to) customize my header, navbar & search bar.

Please check my testsite - d f i n e d e z i g n s . c o m / c a t a l o g /

In the header section, in the purple area, I would like the navbar text in grey (collections, jewelry, aprons... currently located beneath the header) to be located between the separators as a simple text link. In the orange area I want to move the search bar from the top to this position, justifying the other text (home, login, etc.) to the right.

Is there an easy way to do this or is it more feasible to hide the navbar and put buttons in the header? I still need help with moving the search bar though. Thank you in advance for your assistance.

[stevesh]

You could do something like this in the stylesheet:

#navMainSearch {
position:absolute;
top:60px;right:80px;
}

You'll have to adjust the numbers to suit.

You could do something similar with the other links (#navCatTabsWrapper), or just create an image map using your image and coding links to the categories in the map.

Be sure to check with all available browsers - some handle absolute positioning differently.

Also, Zencart loads all stylesheets with the css extension that are in the current template's css folder, so if you create a new stylesheet, you want to move or rename the original (styelsheet.old, for example) or they may fight each other.

[ki0101]

Thank you for your help! The search bar works perfectly fine. The links on the other hand don't work as well in different browsers. I will have to map them. Thanks again....

[ki0101]

Actually, After looking at the site in Safari, the search bar is way off... Is there a better way for me set the location of the search bar? ??

[stevesh]

Your site looks exactly the same here in IE7 & 8, Safari, Firefox and Chrome. The search box and other links need to go to the right, is all.

[ki0101]

It works but it moves when you resize the browser... Is there anyway to make it static?