Header Logo not resizing for differnt page widths

[FordMustang]

Having problems with the logo at the top not re-sizing.

http://legendaryfordmagazine.com/cmps_index.php

I put a lame looking blue bar on the right to help cover up for this but I'd like the logo at the top to resize with different computers so I can get rid of said lame bar.

Can this automatic resizing be done from within vB?

Please keep in mind that I'm an uber noober. So exact instructions would be greatly appreciated...

Thanks!

Jeff

[kh99]

I'm not a design person, but I think it would look OK if it stayed in the upper left, as long as the background was entirely blue. Or you could have it center if you prefered. Would you really want it to stretch?

ETA: Sorry man, I hate it when I ask a question and someone answers "why would you want to do that", and now I've done it to you.

[FordMustang]

Yeah. What I want to know is is there a way to dynamicly size the logo. so that it views correctly on most monitors.

[kh99]

OK, try this: edit your header template (Styles & Templates => Style Manager => "Go" next to your style (or Default Style), header is under "Common Templates").

Find the section that looks like this:

<tr>
<td align="$stylevar[left]"><a href="$vboptions[forumhome].php$session[sessionurl_q]"><img src="$stylevar[titleimage]" border="0" alt="$vboptions[bbtitle]" /></a></td>


and change it to look like this (add the part in red):

<tr>
<td align="$stylevar[left]"><a href="$vboptions[forumhome].php$session[sessionurl_q]"><img style="width:100%" src="$stylevar[titleimage]" border="0" alt="$vboptions[bbtitle]" /></a></td>



I think that should resize the banner image (I tried the HTML just on my computer but not actually using the template). But it leaves a small gap on the right, which I think this is caused by this part (which is just below the part we just looked at:

<td align="$stylevar[right]" id="header_right_cell">
<if condition="$ad_location['ad_header_logo']">$ad_location[ad_header_logo]<else />&nbsp;</if>
</td>

Deleting the "&nbsp;" seems to get rid of the gap, but I have to admit that I don't understand why it's there in the first place (I guess because sometimes it will look different than a completely empty table cell). ("nbsp;" is a "non-breaking space", so it just looks like a space, but it doesn't get removed like a normal space would).

(Remember to scroll down to the bottom and press "Save" when you are done making changes, of course).

BTW, the reason I wondered if you really wanted to resize it is because I have a wide screen monitor and I was thinking that if the banner resized to fit the width, it would also be ridiculously tall and not look good. But I tried it and it actually looks OK.

[FordMustang]

:up::up::up::up::up::up::up::up::up::up: