vertical-align not working!?!?!

[Alex Clarke]

I'm trying to vertically align the text, search box and buttons (as displayed in the image below). When I apply a vertical-align property to my css class nothing happens!

Anyone got any ideas?



Here's the code that from my template file...

<div class="navMainSearchWrapper">
<div class="navMainSearch center"><?php require(DIR_WS_MODULES . 'sideboxes/search_header.php'); ?></div>
</div>

[tkroh]

To which class are you adding the 'vertical-align' property?
Do you have a URI for the page so we can view the context?

[Alex Clarke]

I've tried applying the vertical-align property to both classes.

No URL yet (my site is still not live).

[seethrou]

May be not related, for your information only.
#navMainSearch in Stylesheet

And with refer to the sytlesheet.css of v1.3.5, there is only one .center at about line no. 562,
and only with the following defined.

.???, #??? {
text-align: center;
}

.

[clydejones]

You can also try here in the stylesheet.css

LABEL.inputLabel {
	width: 11em;
	float: left;
vertical-align: middle;
	}

[Alex Clarke]

May be not related, for your information only.
#navMainSearch in Stylesheet

And with refer to the sytlesheet.css of v1.3.5, there is only one .center at about line no. 562,
and only with the following defined.



.

This really helped! I've solved the problem by adding some padding at 0.4em to the .navMainSearch class (and changing the # to a nice fullstop).

However, I'm having trouble vertically alining the 'Quick Search:' text (as shown in the image above (1st post).

I've played around with my stylesheet, but had no luck.

Any ideas?

[seethrou]

Any URL to peek of?

Or, may you show what have done to the nav bar.

.