[ImNotKibs]

Originally Posted by fernandezp27

I added my left image "tell.png" like this.

<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><div align="left"><a name="top" href="index.php"><img src="$stylevar[imgdir_misc]/tell.png" alt="" border="0"></a></div></td>
</tr>
</table>

It increased my padding (I believe) 10 fold. How do I reel it back in so, my header spacing is not gigantor? Also, how would I add my center and right image as these don't already exist in the css header.

You can set an ID or Class for their divs to give them custom CSS.

<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td>
        <div id="headerleft" align="left"><a name="top" href="index.php"><img src="$stylevar[imgdir_misc]/tell.png" alt="" border="0"></a></div>

        <div id="header" align="center"><a name="top" href="index.php"><img src="$stylevar[imgdir_misc]/tell.png" alt="" border="0"></a></div>

        <div id="headerright" align="right"><a name="top" href="index.php"><img src="$stylevar[imgdir_misc]/tell.png" alt="" border="0"></a></div>
    </td>
  </tr>
</table>

Then to the CSS parts at the bottom of the "all style options" section:

#headerleft
    {
        padding: INSERT PADDING HERE ;
    } 

#header
    {
        padding: INSERT PADDING HERE ;
    }

#headerright
    {
        padding: INSERT PADDING HERE ;
    }

and whatever CSS you may need, since now the only CSS that will apply to those 3 images will be whatever you put in the second bit of code.

This is what I'd do, I'm sure there might be other, better ways to do it, though :P