Zen Cart Logo
Forums / Templates, Stylesheets, Page Layout / vertical-align not working!?!?!

vertical-align not working!?!?!

Locked

Views: 1,907

Results 1 to 7 of 7
This thread is locked. New replies are disabled.
21 Sep 2006, 6:39 PM
#1
alex_clarke avatar

alex_clarke

Totally Zenned

Join Date:
Mar 2006
Posts:
909
Plugin Contributions:
1

vertical-align not working!?!?!

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>
21 Sep 2006, 9:06 PM
#2
tkroh avatar

tkroh

New Zenner

Join Date:
Sep 2006
Location:
San Antonio, TX, USA
Posts:
32
Plugin Contributions:
0

Re: vertical-align not working!?!?!

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

21 Sep 2006, 9:10 PM
#3
alex_clarke avatar

alex_clarke

Totally Zenned

Join Date:
Mar 2006
Posts:
909
Plugin Contributions:
1

Re: vertical-align not working!?!?!

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

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

22 Sep 2006, 2:12 AM
#4
seethrou avatar

seethrou

Totally Zenned

Join Date:
May 2004
Location:
Hong Kong
Posts:
1,156
Plugin Contributions:
0

Re: vertical-align not working!?!?!

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;
}

.

22 Sep 2006, 3:57 AM
#5
clydejones avatar

clydejones

Deceased

Join Date:
Nov 2005
Location:
Colorado Springs, CO USA
Posts:
7,017
Plugin Contributions:
12

Re: vertical-align not working!?!?!

You can also try here in the stylesheet.css

LABEL.inputLabel {
	width: 11em;
	float: left;
vertical-align: middle;
	}
22 Sep 2006, 10:28 PM
#6
alex_clarke avatar

alex_clarke

Totally Zenned

Join Date:
Mar 2006
Posts:
909
Plugin Contributions:
1

Re: vertical-align not working!?!?!

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.

.

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?

23 Sep 2006, 5:23 AM
#7
seethrou avatar

seethrou

Totally Zenned

Join Date:
May 2004
Location:
Hong Kong
Posts:
1,156
Plugin Contributions:
0

Re: vertical-align not working!?!?!

Any URL to peek of?

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

.