Change Width Of Keyword Search Here Box- In My Sidebox

[Kaniki]

You missed this:

Also try adding this to line the search stuff up:

#navMainSearch input{vertical-align:bottom;}


#navMain ul {margin: 0 0 0 6em; background-color:#ff0000; padding:0 2em 0 2em;}

Adjust the margin and padding values untill it looksthe way you want it to.

stevesh is my real name - my parents were DOS coders.

Okay- I did miss that.... Does it go in my css Stevesh?? It doesn't look like something I could add to a php file.. ????

And I will go find he navmain ul- and make adjustments!!! I have talked to myself for days- even in my sleep :) *Smiles* to try and get this...

Let me have another go at it....

And Stevesh is a kewl name... I just wanted to make sure I was properly addressing you :) Some folks on here- I have no idea what their real names are ;) *smiles*....

Mine- well- Just plain Nik- aka- Nichole- but that's only when I am usually in trouble with someone- or don't want to be on a personal basis.. Just kidding....

Going to go and try and fix!!!!

Again- my hero for your helping me find things that "should" be easier ......

*niki*

[Kaniki]

Okay- I did miss that.... Does it go in my css Stevesh?? It doesn't look like something I could add to a php file.. ????

And I will go find he navmain ul- and make adjustments!!! I have talked to myself for days- even in my sleep :) *Smiles* to try and get this...

Let me have another go at it....

And Stevesh is a kewl name... I just wanted to make sure I was properly addressing you :) Some folks on here- I have no idea what their real names are ;) *smiles*....

Mine- well- Just plain Nik- aka- Nichole- but that's only when I am usually in trouble with someone- or don't want to be on a personal basis.. Just kidding....

Going to go and try and fix!!!!

Again- my hero for your helping me find things that "should" be easier ......

*niki*

ADDED : Got help to center the contents- but still working on a few tweaks.. This is what I did in css stylesheet:

Okay... That didn't work- but this centered the whole thing here.. Instead of adding it in as it's own separte tag in stylesheet- this is where I added it- and added extra px....

#navMain ul, #navSupp ul, #navCatTabs ul {
margin: 0 0 0 83px;
padding: 0em 0em;
list-style-type: inline;
}

Now- to get that little green search button lined up with the search text box- and perhaps throw some color behind this new header bar....

We are gaining....

Thanks to everyone!!! The things I miss!!!! *Smiles*
Niki

[stevesh]

Both would go in the stylesheet - I usually put stuff that I add at the bottom.

[Kaniki]

Okay!! Gonna work on the color- and the lining up of that silly search button!!!

Back into me stylesheet- she goes....

*smiles*

[Kaniki]

Okay- in stylesheet- added this: #navMainSearch input{vertical-align:bottom;}


And tada!!! Stevesh- YODA!!! Yoda man...

This lined up my silly little green button with the text search box!!!

I know- it's all trivial- but I do want it look good!!!

Now- on to the rest of my "makeover"

Need to buy your guys coffee!!!!!

Oober Thanks!!!!!

[Kaniki]

For anyone else reading this... This is what I did to give me a nice ( I think ) colored header bar....

I entered this in my css style sheet-


#navMain ul, #navSupp ul, #navCatTabs ul {
margin-top: 3px;
margin-bottom: 5px;
margin-left: 8px;
margin-right: 0px;
width: 950px;
padding-left: 43px;
padding-right: 0px;
list-style-type: inline;
background-color: #bca66c;

And in my tpl_header.php file- wellll- I did a lot in there to get the links.. I'd be happy to repost my code for anyone wishing to do this- or tweak their own!!!

WHEW!!! I might change the color of the bar- might not.... Stilllllll Tweaking....

I suck at zen css... BUT- I am gaining!!! Trial and error- ha ha.. Lots of errors!!! And lots of help!!!

Back at the next things I'd doing!!!!

[Kaniki]

Ohhh- and I bumped the margin bottom to 15 px so that my nav bread crumb stays away from the header bar.....

Whew!!

[stevesh]

Oops. Your search button is wrapping in IE8.

When I remove the padding here:

#navMain ul li a, #navSupp ul li a, #navCatTabs ul li a {
padding: 0em 0.5em;
margin: 0;
}

it fixes it, so you'll need to play with that, maybe by separating the right and left padding.

[Kaniki]

Stevesh- I'm not seeing what you are seeing.... I am using both IE8 and Fox- latest- and on my end- it is perfectly centered.. Both the colored bar- and the links/content in it.....

I don't know how to fix- if I can't see it........

?????

[Kaniki]

Okay!! I removed the padding where you told me to- and holy!! It went haywire again!!

Sooo- this is the new style for this part- and it looks good in both browsers!!

#navMain ul, #navSupp ul, #navCatTabs ul {
margin-top: 3px;
margin-bottom: 15px;
margin-left: 8px;
margin-right: 0px;
width: 910px;
padding-left: 83px;
padding-right: 0px;
list-style-type: inline;
background-color: #bca66c;
}


#navMainSearch input{vertical-align:bottom;}




#navMain ul li, #navSupp ul li, #navCatTabs ul li {
display: inline;
}

#navMain ul li a, #navSupp ul li a, #navCatTabs ul li a {
padding: 0em;
margin: 0;
}


Can you look again- and tell me if it looks all centered and all good on your end please?? :) Thanks!!!!