Header Image Alignment

[nishv]

I am using StyleVars > Main Table Width = 800px

See the following URL for more info http://www.vbulletin.com/forum/showt...ighlight=width

So, I tried to make a Header logo at 800px x 113px

But it somehow doesnt want to align it with the rest of the forums... Any idea why its not getting alighned?

See attached pics for more info...

Thankyou

[slappy]

You may be confusing your terms here. On many Boards you can see around the net, the section which holds the logo is wider than the parts which form the board, itself, simply look at the "logo" of THIS Forum and you will see that the V of vBulletin and the 1 of Canidate and .com of the URL are all "wider" than the boxes of the Forum itself.

You need to check the "width" you have set for the other elements which appear below the logo. For example, a "fixed" style is frequently set at 760.

Regards,

[nishv]

Look at my attached vb1.gif

It is alligned, and compare it with my previous attachment.

Mine does get alligned on one side (left) , IF StyleVars > Main Table Width is Bigger than the logo...

Have a look at my second attachment vb2.gif (See Left Side) StyleVars > Main Table Width = 820 px
Logo Size = 800 px

What I am trying to do is, align the image with the Forum both ends...

[slappy]

In the graphic in your first post, you have the logo aligned with the background, but slightly to the left of the edges.

This is the code used here to display the logo:

<!-- logo -->
<a name="top"></a>
<table border="0" width="100%" cellpadding="0" cellspacing="0" align="center">
<tr>
	<td align="left"><a href="index.php"><img src="http://images.vbulletin.com/images_vb3/misc/vbulletin3_logo_grey.gif" border="0" alt="vBulletin Community Forum" /></a></td>
<td align="right">
		
		<div style="font: bold 14pt verdana,arial,helvetica; color: #BBC7CE">
			<em>vBulletin 3.6.0 Release Candidate 1 <!--3.5--></em>
			<div style="font-size:10pt">
				www.vbulletin.com
				
			</div>
			
		</div>

	</td>
</tr>
</table>
<!-- /logo -->

Notice: <table border="0" width="100%" cellpadding="0" cellspacing="0" align="center">
This, with the other code there, makes the logo align with the edges of the background.

The other Thread you referenced is asking about the FORUM width, NOT the background and the logo. You could have your logo narrower than the background, if you want, but then you would need to center it. Yours appears to be aligned "left".

Check your header to make sure the logo is set to:

[B<table border="0" width="100%" cellpadding="0" cellspacing="0" align="center">[/B]

and see if that doesn't make it align with the background.

otherwise post your logo code.

Regards,

[nishv]

The other Thread you referenced is asking about the FORUM width, NOT the background and the logo.

Yes, I was referencing how I managed to change the Width cos there is more than one way of doing it... i.e changing on AP or Editing the Code itself...

My Logo code follows...

<!-- logo -->
<a name="top"></a>
<table border="0" width="$stylevar[outertablewidth]" cellpadding="0" cellspacing="0" align="center">
<tr>
    <td align="$stylevar[left]"><a href="$vboptions[forumhome].php$session[sessionurl_q]"><img src="$stylevar[titleimage]" border="0" alt="$vboptions[bbtitle]" /></a></td>
    <td align="$stylevar[right]">
        &nbsp;
    </td>
</tr>
</table>
<!-- /logo -->

When I add

<table border="0" width="100%" cellpadding="0" cellspacing="0" align="center">

Its moving my Logo to Far left...

[slappy]

Did you try this:

<!-- logo -->
<a name="top"></a>
<table border="0" [B]width="100%"[/B] cellpadding="0" cellspacing="0" align="center">
<tr>
    <td align="$stylevar[left]"><a href="$vboptions[forumhome].php$session[sessionurl_q]"><img src="$stylevar[titleimage]" border="0" alt="$vboptions[bbtitle]" /></a></td>
    <td align="$stylevar[right]">
        &nbsp;
    </td>
</tr>
</table>
<!-- /logo -->

Or did you add in the whole line:

<table border="0" width="100%" cellpadding="0" cellspacing="0" align="center">

again?

Try just changing the width to "100%" without the ="$stylevar[outertablewidth]". See if that does it.

OR change your [outertablewidth] back to 100%

Regards,

[nishv]

Yes, have a look at my Attached Image error2.gif

It will explain it...

[slappy]

Post the code from your header template for this style.

Did you change the [outertablewidth] globally? Or only for the logo? Did you change it back to whatever it was before you posted your #1 post above?

Is this a Fixed or Liquid Style?

Regards,

[nishv]

The template I am working with is Default Style of 3.6.0 Release Candidate 1

You can see the code below

<!-- logo -->
<a name="top"></a>
<table border="0" width="$stylevar[outertablewidth]" cellpadding="0" cellspacing="0" align="center">
<tr>
    <td align="$stylevar[left]"><a href="$vboptions[forumhome].php$session[sessionurl_q]"><img src="$stylevar[titleimage]" border="0" alt="$vboptions[bbtitle]" /></a></td>
    <td align="$stylevar[right]">
        &nbsp;
    </td>
</tr>
</table>
<!-- /logo -->

<!-- content table -->
$spacer_open

$_phpinclude_output

Changes I have made are...

1) StyleVars > Main Table Width = 800px
2) Changed the Default Logo 800px x 113px

That is all I have changed.

[slappy]

Other things beside the logo use the [outertablewidth] variable. In the default style in 3.6.0 Beta 3 and 3.5.4 it's in the footer, header, and spacer_open templates.

Change this back to default:

1) StyleVars > Main Table Width = 100%

See what happens to the logo position and you might have to adjust the logo's width to 100%. And you aren't using the "default" Logo, you are using your own.

Regards,

[nishv]

Its fixed by the following method,

Admin CP -> Styles & Templates -> Style Manager -> Edit Templete -> header

Removing the following line from header Templete

 

Thanks slappy for your help.