NuB -- Vertical Text Alignment not working

Forum Moderators: not2easy

Message Too Old, No Replies

NuB -- Vertical Text Alignment not working

burro

6:03 pm on Sep 2, 2007 (gmt 0)

I've used knock-off CSS designs for a while, but now I am trying to begin understanding, and building from the ground up.

I am starting with a hybrid -- tables/CSS.

The button cells have divs to establish size and formatting.

But I want the text vertically centered.

I tried vertical alignment of text in every way I can think of?

What will work, and what did I do wrong?

MANY thanks,
~Louie.

[edited by: jatar_k at 6:04 pm (utc) on Sep. 2, 2007]
[edit reason] no urls thanks [/edit]

burro

6:06 pm on Sep 2, 2007 (gmt 0)

Here is the page source -- I'll post it all, because it is so short:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />

<title>Untitled Document</title>


<style type="text/css">

</style>
</head>

<td width="240" rowspan="2" align="center" valign="middle" bgcolor="#FFF7DC"><img src="images/TCP3282c2_web.gif" alt="TCP_Logo" width="225" height="67" /></td>
<td width="155" valign="middle" bgcolor="#ED7B17"><div class="dim_nav_btn"><span class="btn_txt_wht">Who we are<br />
and what we do </span></div></td>
<td width="155" valign="middle" bgcolor="#FFF7DC"><div class="dim_nav_btn"><span class="btn_txt_grn">How to Donate </span></div></td>
<td width="157" valign="middle" bgcolor="#11867E"><div class="dim_nav_btn"><span class="btn_txt_wht">How to apply
for <br />
grants & scholarships
</span>

</div></td>
</tr>
<tr>
<td bgcolor="#11867E"><div class="dim_nav_btn"><span class="btn_txt_wht">Contact Us</span></div></td>
<td bgcolor="#ED7B17"><div class="dim_nav_btn"><span class="btn_txt_wht">Resources</span>
</div></td>
<td bgcolor="#FFF7DC"><div class="dim_nav_btn"><span class="btn_txt_grn">Links</span>

</div></td>
</tr>
<tr>
<td> </td>
<td colspan="2">Content_Area_01</td>
<td> </td>
</tr>
</table>
<div align="center"></div>

</body>
</html>

burro

7:14 pm on Sep 3, 2007 (gmt 0)

This is apparently a "voodoo" area of CSS -- one in which the standards do not work as advertised. All my solutions *should* have worked.

Anyway, work-arounds are here:
[student.oulu.fi...]

among other places.

Thanks!