Form Needs Vertical Centering

HTML & CSS
1

On this page, the “Email Updates” image and email sign up form on the far right on top of the navigation bar both need vertically centering within that cell. I tried vertical-align: middle; but it won’t work. And putting margins on the image to “push down” both only ends up increasing the height of that entire row. Help?

2

Hi,
You will need to remove the float from the right td to get it to honor any vertical-alignment.

You will need to set vertical-align on the left td also to sync them together.

td.headerbottom1  {
vertical-align:middle;
}
td.headerbottom2 {
[COLOR=Red]/*float:right;*/[/COLOR]
vertical-align:middle;
}

Actually v-align:middle is the default so just removing the float should accomplish the same thing.
Then you could set text-align:right on td.headerbottom2 with a margin on that image

3

Thanks! I think that did it.

Does placing those slashes before and after the line of code (on float) sort of temporarily void that code (until you remove the slashes?)?

4

Yes, those are “CSS Comments”. When they are set up like I have shown it will disable the rule. They are also used to explain something (comment) without interfering with the ruleset.

5

Mm. Got it. Thanks!