cant get this to align properly

I sold my IPB license and moved to a free forum script, and the conversion is going great with the skin i made for IPB, but i ran into this one problem and i cant seem to fix it


It's with the navigation bar
this is what it looks like in IPB

which is correct everything is aligned evenly in the middle..

But in MyBB it looks like:


And i have no idea why its doing that. I have almost the same exact code on ipb as i do on mybb which is:


can anyone help?
thanks

<table cellspacing="0" id="navbar">
	<tr><td  valign="middle"><img src='images/damn5/nav.gif' border='0'  alt='&gt;' />  {$nav}{$activesep}{$activebit}</td>			
		</td>
	</tr>
</table>

Code (markup):

 

i think you should use css buddy

 

I think you shouldn't reply unless you're really going to help

all my sites are valid css and xhtml 1.0 at least.

But these forum scripts usually use tables, and you cant really properly align things vertically in the middle with css. If so, mention it in your reply, or don't bother.

Thanks though buddy

 

ok buddy i just wanted to help you

i know in css there is a code margin-top and margin-left that modify the tables'
position i just want to tell this buddy

Regards

 

yes but then it'd have the effect on the graphics too. i probably could put a margin or padding on the bottom of the text only which could give it the same effect. i'll probaby try that now.

Sorry that i replied that way ,i thought you were being sarcastic. Alot of people reply thinking they know more and don't really help, so i read your post wrong.

 

ok i got a little bit sad because of your reply but you have every reason to complain.now i m happy because you understood that i want to help you
i just try to suggest as i know

 

Use the following CSS code for that particular table/td

<table cellspacing="0" id="navbar">
	<tr><td  class="navimg">{$nav}{$activesep}{$activebit}</td>		
		</td>
	</tr>
</table>

Code (markup):

.navimg{
margin-right: 5px; 
height: 45px;
background:url(images/damn5/nav.gif) no-repeat left center;
}

Code (markup):

- Parag

 

didnt work right. The text was hovering over the icon, but i fixed that by putting a margin left on the text itself. But it still didnt look right.
thanks though


But i found out how to fix it!

i resolved it by inserting:

img{
		vertical-align: middle;
}

Code (markup):

into the css :d

 

Glad you fixed it!!!

 

thanks and thank you for actually trying to help me
if i knew how to do that rep stuff, i'd give you some. hehe

edit:
nvm just gave you some.

 

Thanks for the Rep
Good luck for your other designs!!

 

There could be another way. line-height: 45px;