buttons not aligning with entry boxes

[pinkchalkstudio]

OK, this is driving me nuts. For the life of me I can not figure out why my pushbuttons are not aligned with their associated text entry boxes.

Here's a link:

http://www.pinkbypost.com/store/inde...ex&cPath=37_42

On this page both the 'Search' and the 'Add to Cart' buttons are higher than the entry boxes that precede them.

Is there a simple setting I change change to align these?

Thank you,
Kathy

[haredo]

P,
What program are you using to edit or find the problem???

Look for INPUT

[pinkchalkstudio]

I'm using Web Developer 1.1.5. I've figured out just about everything else on my site in terms of formatting with this tool. This one is just confusing to me.

If we use the search box and the associated pushbutton: the search box is called 'input#SearchTop' and the button is called 'input'. The box is at position 54 px and the button is at 61px. I just don't understand what to do with this information.

Can you point me in the direction of where exactly I can control the position of these things?

Thank you!
Kathy

[haredo]

P,
Sure I can...

includes/templates/cherry_zen/css/stylesheet.css

Look for the input tag:

1. input {margin:0.3em 0.5em;}

Add this property within the input tag above:

1. vertical-align:middle;

Bye the way, nice looking site...

[pinkchalkstudio]

Woohoo!

Haredo you're my hero! That's been bugging the heck out of me for the last week. Thanks for the compliment on the site. I can hardly believe I did it all myself and it's actually working! This forum is amazing because of people like you.

Much thanks,
Kathy

[haredo]

P,
You are most welcome, glad I could assist you..

Don't you just love learning all the properties associated with ID's and Classes in the stylesheet.css