Hello,
I have a small two-column table with three rows. The first column has a logo
and the second column has the name of the organization.
The logo's in the first column are too high. That is, they don't align
horizontally with the organization name. I need to lower the logo's within
the column.
However, I don't know how to manipulate one column at a time. Everything I
do with CSS affects both columns. I placed the CSS & HTML below. Can someone
tell me how to lower the logo's in the first column so it is even with the
name in the second column?
Thanks a lot,
Bob
__
CSS:
table.organizations th{
text-align: left;
font-size: 80%;
padding: 20px 0px 0px 10px;
}
HTML:
<table class="organizations" border=0>
<tr valign="top"><td><img src="images/site/apa5.gif" alt="American
Psychological Association"></td><th colspan="">American Psychological
Association </th></tr>
<tr valign="top"><td><img src="images/site/upa2.gif" alt="Usability
Professionals Association"></td><th colspan="2">Usability Professionals
Association </th></tr>
<tr valign="top"><td><img src="images/site/hfes8.gif" alt="Human Factors
& Ergonomics Society"></td><th colspan="2">Human Factors &
Ergonomics Society </th></tr>
</table>