problem aligning image in table

[pleek]

i have this code table

 

<TABLE class="bar">
<TR>
	<TD>
	Hello <A HREF="http://craigh.tlcrepair.net/smf2/index.php?action=profile;u=1" class="menu">Pleek</A> <IMG SRC="LogOut2.png">
	</TD>
</TR>
</TABLE>

 

but when i view it in ff the image doesn't line up right. its higher than all the text. If i put it in a new <td> it aligns right but then its way off to the side. How do i fix this?

[dropfaith]

<TABLE class="bar">
   <TR>
      <TD>
      Hello <A HREF="http://craigh.tlcrepair.net/smf2/index.php?action=profile;u=1" class="menu">Pleek</A> <IMG SRC="LogOut2.png" ALIGN="MIDDLE">
      </TD>
   </TR>
</TABLE>

 

i think thats right

[pleek]

when adding that to my code, the imaged drops below the text. Any other ideas?

[Hostile]

when adding that to my code, the imaged drops below the text. Any other ideas?

 

What do you have for your 'bar' class in CSS?

[pleek]

.bar {
background: url(barbg.jpg);
width: 100%;
height: 30px;
position: fixed;
top: 0px;
left: 0px;
right: 0px;
color: white;
padding-left: 10px;
float: left;
clear:both;
text-align:left;
}

 

and this is what it looks like.

 

i need the text and the image to be even, each thing i try moves it some but doesn't make them line up.

[pleek]

so, nobody knows i guess.

[fry2010]

you could try styling the image direct i.e. <img src="...." id="bar_image" />

 

Then try to give it style such as:

 

float:right;

bottom: 0px;

 

or if the bottom: doesnt push it to the bottom, then try doing:

 

float: right;

top: 10px;

 

try a few things out dont give up.