Valign help? Need text to touch table Options

[ebergstrom]

Hello,
I'm working on adding link buttons to a webpage, and have a specific design in mind. I have the code correct for all but getting the text to run right along a table border. Here is an example of the code for what I have:

<table cellspacing="0" cellpadding="0" border="0" width="300" height="40">
<tr>
<td width="10" bgcolor="3366cc"> </td>

<td width="300" bgcolor="3366cc" style="font-size:15px; font-family: arial, sans-serif;
font-weight:bold; color:#ffffff" align=left valign="baseline">

CHAT NOW

</td>

<td><img src="navbutton_round.png"></td>

</tr>
</table>

(Example is under "my sample.png")

And the image of what the text needs to look like for all 4 link buttons is under "original sample.png"


The border is turned on for the CHAT NOW button example to show where the text needs to touch, but I can't figure out how to actually move it down right along the bottom. Is this a valign issue? Any help is appreciated!

[pandy]

I don't get it. Do you want the text at the top or the bottom of the cell or what?

[ebergstrom]

I wanted the text to touch the white background like in the second example.

Found out it was needing a simple span tag, and I positioned it with negative pixels.

Thanks