RyanScarp
|
Logo Not Centering, HTML Help NeededHTTP://teambeatdown.myfreeforum.org
Template name: mjProSilverPortal
For some reason, regardless of what tags I edit, this logo just doesn't want to center. I've tried div classes, styles, and of course, .
Here's how my overall header looks now:
| Code: |
<body bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}" >
<a name="top"></a>
<div id="wrap">
<div id="page-header">
<div class="headerbar">
<div class="center"><span class="center"><span></span></span>
<div id="site-description">
<center><a href="http://teambeatdown.myfreeforum.org/index.php" title="Team Beatdown Forum Index" id="logo"><img src="templates/myff_teambeatdown1/images/site_logo.jpg" width="400" height="50" alt="" title="" /></a></center>
{S_HIDDEN_FIELDS}
</fieldset>
</form>
</div>
<span class="corners-bottom"><span></span></span></div>
</div>
</div>
</div>
|
|
Nick(NR)
|
Not completely sure but try this: <span style="align:center;"><a href="http://teambeatdown.myfreeforum.org/index.php" title="Team Beatdown Forum Index" id="logo"><img src="templates/myff_teambeatdown1/images/site_logo.jpg" width="400" height="50" alt="logo" /></a></span>
|
Zudane
|
Well, I'd say that... take the div's and put align="center" into it.
Basically what is happening is that you're taking a container that's set to the right, and then centering what is inside of it, which means it's centered, but it's centered based on the container, which is set to the right.
Change
| Code: | | <div id="site-description"> |
To
| Code: | | <div id="site-description" align="center"> |
That should do it.
|
RyanScarp
|
For some reason neither of those seemed to work. 
|
Zudane
|
you might want to focus on one at a time...
| Code: | <div id="page-header">
<div class="headerbar">
<div class="center"><span class="center"><span></span></span>
<div id="site-description" align="center">
<center><span style="align:center;"><a href="http://teambeatdown.myfreeforum.org/index.php" title="Team Beatdown Forum Index" id="logo"><img src="templates/myff_teambeatdown1/images/site_logo.jpg" width="400" height="50" alt="logo" /></a></span></center>
</fieldset>
</form>
</div>
<span class="corners-bottom"><span></span></span></div>
</div>
</div>
</div> |
I don't know why the form or fieldset tags are there, they should be removed, all of the "center" stuff should be removed, both the <center> tag which shouldn't be used anymore (Use <div align="center"> or <span style="align:center;"> instead).
I don't have the time to keep looking, but I just checked a few things and couldn't see why it's not centering, tried a few different things too.
|
symon
|
Remove this part of the code
| Code: | <body bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}" >
<a name="top"></a>
<div id="wrap">
<div id="page-header">
<div class="headerbar">
<div class="inner"><span class="corners-top"><span></span></span>
<div id="site-description">
<a href="{U_INDEX}" title="{L_INDEX}" id="logo"><img src="http://teambeatdown.myfreeforum.org/templates/myff_teambeatdown1/images/ForumBanner.png" width="139" height="52" alt="" title="" /></a>
<h1>{SITENAME}</h1>
<p>{SITE_DESCRIPTION}</p>
<p style="display: none;"><a href="#start_here">{L_SKIP}</a></p>
</div>
<div id="search-box">
<form action="{U_SEARCH}" method="get" id="search">
<fieldset>
<input name="search_keywords" id="keywords" type="text" maxlength="128" title="" class="inputbox search" value="{L_SEARCH}..." onclick="if(this.value=='{L_SEARCH}...')this.value='';" onblur="if(this.value=='')this.value='{L_SEARCH}...';" />
<input class="button2" value="{L_SEARCH}" type="submit" /><br />
{S_HIDDEN_FIELDS}
</fieldset>
</form>
</div>
<span class="corners-bottom"><span></span></span></div>
</div>
</div>
</div> |
Replace with.
| Code: | <body bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}" >
<a name="top"></a>
<div id="wrap">
<div class="headerbar">
<div class="inner"><span class="corners-top"><span></span></span>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="120%" align="center"><a href="{U_INDEX}"><img src="http://teambeatdown.myfreeforum.org/templates/myff_teambeatdown1/images/ForumBanner.png" border="0" alt="{L_INDEX}" vspace="1" /></a></td>
<tr> <td align="center" width="100%" valign="middle"><span class="maintitle">{SITENAME}</span><br /><span class="gen">{SITE_DESCRIPTION}<br /></span>
</td></tr> </table>
</div>
</div>
<span class="corners-bottom"><span></span></span></div>
</div>
</div>
</div> |
|
symon
|
Just checked your site and now you are using a massive banner..
do guide above but change a little bit of it
replace
| Code: | <tr>
<td width="120%" align="center"><a href="{U_INDEX}"><img src="http://teambeatdown.myfreeforum.org/templates/myff_teambeatdown1/images/ForumBanner.png" border="0" alt="{L_INDEX}" vspace="1" /></a></td> |
with
| Code: | <tr>
<td width="100%" align="center"><a href="{U_INDEX}"><img src="http://teambeatdown.myfreeforum.org/templates/myff_teambeatdown1/images/ForumBanner.png" border="0" width ="500" height = "100" alt="{L_INDEX}" vspace="1" /></a></td> |
You can then play with the width and height of the banner to suit you.
|
RyanScarp
|
Ahh, Symon with the quick solution like always.
Thanks a lot man.
|
|
|
