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
&amp; Ergonomics Society"></td><th colspan="2">Human Factors &amp;
Ergonomics Society </th></tr>

</table>

> I have a small two-column table with three rows. The first column has a[color=blue]
> 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?
>[/color]


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

Bob

Hymer wrote:[color=blue][color=green]
>>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?
>>[/color]
>
>
>
> Sorry to have bothered everyone. I solved the problem. Just a lot of trial
> and error because of my lack of knowledge.
>
> Bob
>
>[/color]
Ok now share it. I want to do something simular in a couple weeks.

Dave

"Dave Kelly" <daveekelly@earthlink.net> wrote in message
news:yuGPf.2990$Bj7.1762@newsread2.news.pas.earthl ink.net...[color=blue]
> Hymer wrote:[color=green][color=darkred]
>>>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?
>>>[/color]
>>
>>
>>
>> Sorry to have bothered everyone. I solved the problem. Just a lot of
>> trial and error because of my lack of knowledge.
>>
>> Bob[/color]
> Ok now share it. I want to do something simular in a couple weeks.
>
> Dave[/color]

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

Hymer wrote:[color=blue]
> "Dave Kelly" <daveekelly@earthlink.net> wrote in message
> news:yuGPf.2990$Bj7.1762@newsread2.news.pas.earthl ink.net...
>[color=green]
>>Hymer wrote:
>>[color=darkred]
>>>>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[/color]
>>
>>Ok now share it. I want to do something simular in a couple weeks.
>>
>>Dave[/color]
>
>
> 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
>
>[/color]
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.

[color=blue][color=green]
>>
>>[/color]
> 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.[/color]

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.organizations th{
text-align: left;
vertical-align: bottom;
font-size: 80%;
padding: 5px 0px 0px 10px;
}

HTML:

<table class="organizations" 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">Usability Professionals
Association </th></tr>
<tr valign="middle"><td><img src="images/site/hfes8.gif" alt="Human Factors
&amp; Ergonomics Society"></td><th colspan="2">Human Factors &amp;
Ergonomics Society </th></tr>
</table>