Archive for myfreeforum.org Before posting please check the "stickies" in the support forums.
Please ask questions in real English and not "txt". You will get a better response.
Please do not ask support questions via PMs.
 


       myfreeforum.org Forum Index -> Web page/template Editing
RyanScarp

Logo Not Centering, HTML Help Needed

HTTP://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,
Code:
<center>
.

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.

       myfreeforum.org Forum Index -> Web page/template Editing
Page 1 of 1
Create your own free forum | Buy a domain to use with your forum