Tables with vertical centered text

[Unknown Webmaster]

I'm trying to make a table with the pokerrooms name in a cell to the left and a big "download" button to the right. I would like to make the text and possibly also the image vertically centered, so it looks like this picture.



Until now I have been sidestepping the problem, but it is starting to become a massive annoyance, and I just can't figure out how to do it.

[Michael Martinez]

You might have to tweak the font sizes of the text but this is a classic example of how to do what you're asking for. Keep in mind that different browsers, different operating systems, and different screen layouts/resolutions all affect the appearance of tables and Web pages. Today a single page may be viewed through dozens of combinations of browser/OS/resolution.

< center >< table width="100%" border="1" cellpadding="2" cellspacing="2" >
< tr >< td width="50%" valign="middle" align="center" >
some text
< /td >< td width="50%" valign="middle" align="center" >
[SOME IMAGE]
< /td >< /tr >
< tr >< td width="50%" valign="middle" align="center" >
some text
< /td >< td width="50%" valign="middle" align="center" >
[SOME IMAGE]
< /td >< /tr >
< tr >< td width="50%" valign="middle" align="center" >
some text
< /td >< td width="50%" valign="middle" align="center" >
[SOME IMAGE]
< /td >< /tr >
< /table >< /center >

HM. I guess the "code" VBCode doesn't work on this board.

[zerotrouble]

Or you can enclose "Pokerstars", "Party Poker" in <p> tags and adding margin-top:10px; since the Download image size remains static.

This is a better way since I reckon xhtml strict doesn't allow align elements

[Unknown Webmaster]

Thanks a lot to both of you. Having an example that I knew were right really helped.

I ended up doing this in XHTML:

<table>
<tbody>
<tr>
<td style="vertical-align:middle;>some text</td>
<td><img src="http://www.imagesource.com/image.png" alt="Download" style="vertical-align:middle;"/></td>
</tr>
</tbody>
</table>

I pray that nothing bad happens when I do browser testing with it tomorrow.