Need help adding footer

[proto-man]

OK. I think i know how to add a footer. I want to add some button links to other sites at the bottom. The problem is that i want to add a button in the center. Of course, i dont have a real button right now but for a test, i am using the contruction.gif file and linking it to gtagames.mybesthsot.com [nofollow] (my site) The problem is that i want it centered but i cant get it to. Here the code for the footer part:

Code Select Expand

// Show the "Powered by" and "Valid" logos, as well as the copyright.  Remember, the copyright must be somewhere!
   echo '

   <div style=" border-top: 1px solid gray; text-align: center; padding-bottom: 1ex;', $context['browser']['needs_size_fix'] && !$context['browser']['is_ie6'] ? ' width: 100%;' : '', '">
      <script language="JavaScript" type="text/javascript"><!--
         function smfFooterHighlight(element, value)
         {
            element.src = smf_images_url + "/" + (value ? "h_" : "") + element.id + ".gif";
         }
      // --></script><br/>
            <table cellspacing="0" cellpadding="3" border="0" align="center" width="100%">
         <tr>
            <td width="28%" valign="middle" align="right">
               <a href="http://www.mysql.com/" target="_blank"><img id="powered-mysql" src="', $settings['images_url'], '/powered-mysql.gif" alt="', $txt['powered_by_mysql'], '" width="54" height="20" style="margin: 5px 16px;" border="0" onmouseover="smfFooterHighlight(this, true);" onmouseout="smfFooterHighlight(this, false);" /></a>
               <a href="http://www.php.net/" target="_blank"><img id="powered-php" src="', $settings['images_url'], '/powered-php.gif" alt="', $txt['powered_by_php'], '" width="54" height="20" style="margin: 5px 16px;" border="0" onmouseover="smfFooterHighlight(this, true);" onmouseout="smfFooterHighlight(this, false);" /></a>
            </td>
            <td valign="middle" align="center" style="white-space: nowrap;">
               ', theme_copyright(), '
            </td>
            <td width="28%" valign="middle" align="left">
               <a href="http://validator.w3.org/check/referer" target="_blank"><img id="valid-xhtml10" src="', $settings['images_url'], '/valid-xhtml10.gif" alt="', $txt['valid_xhtml'], '" width="54" height="20" style="margin: 5px 16px;" border="0" onmouseover="smfFooterHighlight(this, true);" onmouseout="smfFooterHighlight(this, false);" /></a>
               <a href="http://jigsaw.w3.org/css-validator/check/referer" target="_blank"><img id="valid-css" src="', $settings['images_url'], '/valid-css.gif" alt="', $txt['valid_css'], '" width="54" height="20" style="margin: 5px 16px;" border="0" onmouseover="smfFooterHighlight(this, true);" onmouseout="smfFooterHighlight(this, false);" /></a>
            </td>
         </tr>
<TR> <TD valign="middle" ALIGN = "center"><a href="http://gtagames.mybesthost.com" target="_blank"><img id="construction" src="', $settings['images_url'], '/construction.gif" alt="', $txt['construction'], '" border="0" /></a>
  </TD>
</TR>

      </table>';


I know this might be a noob question but i am new to php so please help me.

[[Unknown]]

Code Select Expand

<TR> <TD valign="middle" ALIGN = "center"><a href="http://gtagames.mybesthost.com" target="_blank"><img id="construction" src="', $settings['images_url'], '/construction.gif" alt="', $txt['construction'], '" border="0" /></a>
  </TD>
</TR>

Replace:

Code Select Expand

<tr> <td valign="middle" align="center" colspan="3"><a href="http://gtagames.mybesthost.com" target="_blank"><img id="construction" src="', $settings['images_url'], '/construction.gif" alt="', $txt['construction'], '" border="0" /></a>
  </td>
</tr>

-[Unknown]

[proto-man]

Ok thanks Unknown. I have another question. How would post two buttons at the bottom like this:

                                                       ___________      ___________
                                                      |___________|   |___________|

I tried doing this:

Code Select Expand

<tr> <td valign="middle" align="center" colspan="3"><a href="http://gtagames.mybesthost.com" target="_blank"><img id="construction" src="', $settings['images_url'], '/construction.gif" alt="', $txt['construction'], '" border="0" /></a>
  </td>
<td valign="middle" align="center" colspan="3"><a href="http://gtagames.mybesthost.com" target="_blank"><img id="construction" src="', $settings['images_url'], '/construction.gif" alt="', $txt['construction'], '" border="0" /></a>
  </td>
</tr>

but i get something like this:
                                     

1st box here

2nd box here

       
Please help me. What do i do.

[A.M.A]

put them in one <td> like this:

Code Select Expand

<td valign="middle" align="center" colspan="3"><a href="http://gtagames.mybesthost.com" target="_blank"><img id="construction" src="', $settings['images_url'], '/construction.gif" alt="', $txt['construction'], '" border="0" /></a>
  <a href="http://gtagames.mybesthost.com" target="_blank"><img id="construction" src="', $settings['images_url'], '/construction.gif" alt="', $txt['construction'], '" border="0" />
  </td>


[proto-man]

Thanks A.M.A. I have another question (like always)

Where would i be able to edit the avatar part because i would like add a seperate button showing a user is online like on this forum. In the forum im using, it shows the Personal Message button light green if you are online and dark green if you are offline. I would be glad if you would tell me what i have to add or replace.

[A.M.A]

Admin -> Edit Features and Options -> Layout and Options: Show online/offline in posts and PMs