Changing one column of a two-column table?

[Hymer]

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.organizat ions th{
text-align: left;
font-size: 80%;
padding: 20px 0px 0px 10px;
}

HTML:

<table class="organiza tions" border=0>
<tr valign="top"><t d><img src="images/site/apa5.gif" alt="American
Psychological Association"></td><th colspan="">Amer ican Psychological
Association </th></tr>
<tr valign="top"><t d><img src="images/site/upa2.gif" alt="Usability
Professionals Association"></td><th colspan="2">Usa bility Professionals
Association </th></tr>
<tr valign="top"><t d><img src="images/site/hfes8.gif" alt="Human Factors
&amp; Ergonomics Society"></td><th colspan="2">Hum an Factors &amp;
Ergonomics Society </th></tr>

</table>

[Hymer]

> 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?

Sorry to have bothered everyone. I solved the problem. Just a lot of trial
and error because of my lack of knowledge.

Bob

[Dave Kelly]

Hymer wrote:

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
horizontall y 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?

Sorry to have bothered everyone. I solved the problem. Just a lot of trial
and error because of my lack of knowledge.

Bob

Ok now share it. I want to do something simular in a couple weeks.

Dave

[Hymer]

"Dave Kelly" <da********@ear thlink.net> wrote in message
news:yu******** *********@newsr ead2.news.pas.e arthlink.net...

Hymer wrote:

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
horizontal ly 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?

Sorry to have bothered everyone. I solved the problem. Just a lot of
trial and error because of my lack of knowledge.

Bob

Ok now share it. I want to do something simular in a couple weeks.

Dave

Hi Dave,

First, I set up the logo in Photoshop Elements where I added Enhance / Auto
Level and Auto Contrast just to make it look good. You can also do Filter /
Sharpen if you need to. I then saved it as a .jpg.

I imported the logo into Corel Draw. Then I used the circle tool to draw a
circle, made sure it was set for anti-aliasing at 100%, changed the width of
the line to be a bit thicker, changed the color of the line to match the
logo. Then I dragged the circle on top of the logo (Corel Draw automatically
has a transparent center when using the circle tool. That was it for Corel
Draw.

I then copied and pasted the logo with the circle into Photoshop Elements.
Then I used the magic wand with a sensitivity set to about 10 which outlined
the logo perfectly. I used the magic eraser to make it a transparency. Then
I resized the logo and did a Save For Web.

I think that was about what I did and it worked quite well.

I hope that helps.

Bob

[Dave Kelly]

Hymer wrote:

"Dave Kelly" <da********@ear thlink.net> wrote in message
news:yu******** *********@newsr ead2.news.pas.e arthlink.net...

Hymer wrote:

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
horizontall y 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?


Sorry to have bothered everyone. I solved the problem. Just a lot of
trial and error because of my lack of knowledge.

Bob

Ok now share it. I want to do something simular in a couple weeks.

Dave

Hi Dave,

First, I set up the logo in Photoshop Elements where I added Enhance / Auto
Level and Auto Contrast just to make it look good. You can also do Filter /
Sharpen if you need to. I then saved it as a .jpg.

I imported the logo into Corel Draw. Then I used the circle tool to draw a
circle, made sure it was set for anti-aliasing at 100%, changed the width of
the line to be a bit thicker, changed the color of the line to match the
logo. Then I dragged the circle on top of the logo (Corel Draw automatically
has a transparent center when using the circle tool. That was it for Corel
Draw.

I then copied and pasted the logo with the circle into Photoshop Elements.
Then I used the magic wand with a sensitivity set to about 10 which outlined
the logo perfectly. I used the magic eraser to make it a transparency. Then
I resized the logo and did a Save For Web.

I think that was about what I did and it worked quite well.

I hope that helps.

Bob

First let me thank you for repling.
But now I'm confused. It looks to me as if your question was about
getting columns to line up and your answer to my quey was about making a
logo.

[Hymer]

First let me thank you for repling.
But now I'm confused. It looks to me as if your question was about
getting columns to line up and your answer to my quey was about making a
logo.

So sorry Dave. I had two questions going at the same time and did not pay
attention. But if you ever need to draw a circle around a logo :)

The column fix was very easy in my case. It was done by changing the CSS
controlling the table. The main thing to get the image and text aligned was
to chane to "vertical-align: bottom." I had to play with the variables a bit
but my solution is below.

I hope that helps.

Bob
CSS:

table.organizat ions th{
text-align: left;
vertical-align: bottom;
font-size: 80%;
padding: 5px 0px 0px 10px;
}

HTML:

<table class="organiza tions" border=0>
<tr valign="middle" ><td><img src="images/site/apa5.gif" alt="American
Psychological Association"></td><th>American Psychological Association
</th></tr>
<tr valign="middle" ><td><img src="images/site/upa2.gif" alt="Usability
Professionals Association"></td><th colspan="2">Usa bility Professionals
Association </th></tr>
<tr valign="middle" ><td><img src="images/site/hfes8.gif" alt="Human Factors
&amp; Ergonomics Society"></td><th colspan="2">Hum an Factors &amp;
Ergonomics Society </th></tr>
</table>