center VB logo

Dj-Whitey

Resident
Joined
Jan 23, 2009
Messages
704
Reaction score
0
FP$
6
no matter what i do it wont center
CSS:
Code:
.logo {
background: transparent url(blue/logo.png);
clear:both;
display:block;
float:none;
text-align:center;
border-bottom: 1px solid #194a6c;
}
HTML:
Code:
<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
 
Find this in your template.
Code:
<p><img src="$stylevar[titleimage]" border="0" alt="$vboptions[bbtitle]" /></p>

Replace it with this.
Code:
<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.
 
Then try replacing it with this instead.

Code:
<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.
 
nope didn't work
it is really weird. I code all the time, and never had any problems making a logo centered
 
have you tried this

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

this may or may not work
 
Lol wow at everyone using old code.

in the css for logo put -

margin: auto 0;
 
Code:
.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.
 
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
 
but Ghosting graphics is going to edit it.. may put in the new one. with the edits
 
Back
Top Bottom