Adding logo at the top of the board index page - Adding border around board index

[MGadAllah]

ok...
Here is what I've done:
- I inserted the following in the header:

كود :

<table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td class="head_log_l"><a href="{$mybb->settings['bburl']}/index.php"><img src="head_left.gif" alt="{$mybb->settings['bbname']}" /></a></td>
    <td class="head_log_m">&nbsp;</td>
    <td class="head_log_r"><img src="head_right.gif" alt="" /></td>
  </tr>
</table>
    <a name="top" id="top"></a>
    <div id="container">
            <div class="menu">
                <ul>
                    <li><a href="{$mybb->settings['bburl']}/search.php"><img src="{$mybb->settings['bburl']}/{$theme['imgdir']}/toplinks/search.gif" alt="" />{$lang->toplinks_search}</a></li>
                    <li><a href="{$mybb->settings['bburl']}/memberlist.php"><img src="{$mybb->settings['bburl']}/{$theme['imgdir']}/toplinks/memberlist.gif" alt="" />{$lang->toplinks_memberlist}</a></li>
                    <li><a href="{$mybb->settings['bburl']}/calendar.php"><img src="{$mybb->settings['bburl']}/{$theme['imgdir']}/toplinks/calendar.gif" alt="" />{$lang->toplinks_calendar}</a></li>
                    <li><a href="{$mybb->settings['bburl']}/misc.php?action=help"><img src="{$mybb->settings['bburl']}/{$theme['imgdir']}/toplinks/help.gif" alt="" />{$lang->toplinks_help}</a></li>
                </ul>
            </div>
            <hr class="hidden" />
            <div id="panel">
                {$welcomeblock}
            </div>
</div>
        <hr class="hidden" />
        <br class="clear" />
        <div id="content">
            {$bannedwarning}
            {$bbclosedwarning}
            {$unreadreports}
            <navigation>
            <br class="clear" />

And inserted this in the CSS:

كود :

.head_log_l{
float: left;
padding:0px;
}
.head_log_m{
background: url(tile_back.png) repeat-x;
padding:0px;
}
head_log_r{
float: right;
padding-right:0px;
}

Nothing more, nothing less.
But when I browse the board after this editing I found every thing is alignment to center, please take a look to my board to see what I mean.
Also when you said:

for the header template, just change it with the one I have posted, but change only the images names you can see it in this part

كود :

<table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td class="head_log_l"><a href="{$mybb->settings['bburl']}/index.php"><img src="head_left.gif" alt="{$mybb->settings['bbname']}" /></a></td>
    <td class="head_log_m">&nbsp;</td>
    <td class="head_log_r"><img src="head_right.gif" alt="" /></td>
  </tr>
</table>

with your images path, and the same thing in the CSS backgtound code

Please clear it.

I am trying to focus on your instruction as possible as I can.

Thanks