Help - Search - Members - Calendar
Full Version: Valign help? Need text to touch table
HTMLHelp Forums > Web Authoring > General Web Design
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
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.
Invision Power Board © 2001-2014 Invision Power Services, Inc.