Need to Center Heading

josiespencer

I am using vBulletin 3.7. I have a logo that I have been using for a long time, and everything was fine until everyone started switching to wide screens. Now my header looks weird. All I want to do is center it in the middle of the page. This is what it looks like now:

The code is very short and simple:

<!-- logo -->
<a name="top"></a>
<table border="0" width="$stylevar[outertablewidth]" cellpadding="0" cellspacing="0" align="left">
<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[center]" id="header_right_cell">
		<if condition="$ad_location['ad_header_logo']">$ad_location[ad_header_logo]<else />&nbsp;</if>
	</td>
</tr>
</table>
<!-- /logo -->

<!-- content table -->
$spacer_open

$_phpinclude_output

$ad_location[ad_header_end]

I tried changing those align=left to align=center but it doesn't make any difference. What am I doing wrong?

NogDog

The "better practices" way would be to use a style attribute instead of the deprecated align attribute:

<td style="text-align: center">

The best way would be to give the <td> in question a class or id attribute, and use its value in a separate stylesheet:

stylesheet:

.title { text-align: center; }

HTML:

<td class="title">