View Full Version : Adjusting text

11-11-2012, 02:59 PM
I have a menu bar that has a word " Choose Province". I'm trying to vertically center. I have it to the left like i want, but in opera browser the word is at the bottom and in firefox it's pushed to the top. Why is that.

select {
width: 200px;
height: 30px;

<table width="35%" border="0" align="left" cellpadding="0" cellspacing="0">


<td width="33%"><div align="center">



<td><div align="center">

<select name="select" onchange="MM_jumpMenu('parent',this,0)">

<option value="" selected> CHOOSE PROVINCE </option>

<option value="#">Alberta</option>

<option value="#">British Columbia</option>

<option value="#">Manitoba</option>

<option value="s#">New Brunswick</option>

<option value="#">Newfoundland</option>

<option value="#">Northwest Territories</option>

<option value="#">Nova Scotia</option>

<option value="#">Nunavut</option>

<option value="#">Ontario</option>

<option value="#">Prince Edward Island</option>

<option value="#">Quebec</option>

<option value="#">Saskatchewan</option>

<option value="#">Yukon Territory</option>

</table> </td>
<div align="right">
<table width="430" height="140" border="1">
<td><img src="images/advertisement.png" width="429" height="139" alt="Advertisement banner"></td>

11-11-2012, 04:52 PM
Good morning charisma44,
line-height (http://www.w3schools.com/cssref/pr_dim_line-height.asp) might be what you want to use here in place of height (http://www.w3schools.com/cssref/pr_dim_height.asp).

11-11-2012, 05:04 PM
Will give it a try now.

11-11-2012, 05:10 PM
It made my box smaller. I need to have control of the size and alignment of the text. Box needs to be bigger.

11-11-2012, 05:39 PM
It doesn't have to be 30px; ...try line-height: 50px;

11-11-2012, 08:07 PM
It makes my whole button smaller, i'm trying to avoid that.