center VB logo

[Dj-Whitey]

no matter what i do it wont center
CSS:

.logo {
background: transparent url(blue/logo.png);
clear:both;
display:block;
float:none;
text-align:center;
border-bottom: 1px solid #194a6c;
}

HTML:

<p><div class="main"/>
<div style="margin: 0 auto;">
<div class="navcontainer">
<div id="navlist" align="center">
<a href="http://webhostingfox.com/index.html" id="current">Home</a>
<a href="http://clients.webhostingfox.com/cart.php?gid=2">Shared Hosting</a>
<a href="http://clients.webhostingfox.com/cart.php?gid=3">Reseller Hosting</a>
<a href="http://clients.webhostingfox.com/index.php">Client Panel</a>
<a href="http://support.webhostingfox.com/index.php">Support Forum</a>
<a href="http://support.webhostingfox.com/contact.php">Contact Us</a>
</div>
</div>
</div>

<div class="main_body">
<!-- content table -->
<!-- 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]"><p><img src="$stylevar[titleimage]" border="0" alt="$vboptions[bbtitle]" /></p></a></td>
	<td align="$stylevar[right]" id="header_right_cell">
		<if condition="$ad_location['ad_header_logo']">$ad_location[ad_header_logo]<else />&nbsp;</if>
	</td>
</tr>
</table>
<!-- /logo -->
</div>
$spacer_open

$_phpinclude_output

$ad_location[ad_header_end]

please help

 

[el canadiano]

Find this in your template.

<p><img src="$stylevar[titleimage]" border="0" alt="$vboptions[bbtitle]" /></p>

Replace it with this.

<p><img src="$stylevar[titleimage]" border="0" alt="$vboptions[bbtitle]" align="center" /></p>

I don't get why p tags are used but I'll keep it there to be safe.

 

[Dj-Whitey]

No it didn't work.. it's really weird

 

[el canadiano]

Then try replacing it with this instead.

<p><center><img src="$stylevar[titleimage]" border="0" alt="$vboptions[bbtitle]" /></center></p>

Will be depreciated in HTML 5, but don't worry about that one for now.

 

[Dj-Whitey]

nope didn't work
it is really weird. I code all the time, and never had any problems making a logo centered

 

[Subz]

have you tried this

<div align="center">
<p><img src="$stylevar[titleimage]" border="0" alt="$vboptions[bbtitle]" /></p>
</div>

this may or may not work

 

[NBK*Twitch]

Lol wow at everyone using old code.

in the css for logo put -

margin: auto 0;

 

[Damien]

.logo {
background: transparent url(blue/logo.png);
clear:both;
display:block;
float:none;
text-align:center;
border-bottom: 1px solid #194a6c;
margin: auto 0; 
}

Should work just fine.

 

[Hitakashi]

I used the CSS damien said and it didn't work at all.

The p tags are the move the logo to be inside the curved image

 

[Bapinder]

Use Damian's code, but change the margin: auto 0 to margin: 0 auto;

 

[NBK*Twitch]

Well from my end he has it centered now.

 

[Hitakashi]

It's a old version now without the white background image

 

[Dj-Whitey]

but Ghosting graphics is going to edit it.. may put in the new one. with the edits