Background image

[DJTommyC]

I want an image as background on the header (buttons,where the logo is,where the IM's are)..
It's spread all over the header like this..
How to do this?

And I have a problem with a sort of a 'gap' between the 2 tables (the logo table at the top, and the table where the time & IM's are in..)..
There is a white gap between them which I can't close?
How to do this?

[Spaceman-Spiff]

can u provide a screenshot or some html codes?

[DJTommyC]

Here's a screenshot..

The white gap should be closed according to the html:

Code Select Expand

<table cellspacing="0" cellpadding="0" width="100%" align="center" border="0" class="windowbg2">
             <tr>
               <td colspan="2" valign="middle" align="left" bgcolor="#ffffff"><img alt="logo" src="YaBBImages/selogo.jpg" /></td>
               <td valign="middle" align="left" bgcolor="#CCDDFD"><font size="2"><yabb uname><yabb im><br /><yabb time></font></td>
             </tr>
           </table>
         </td>
       </tr><tr valign="middle" align="center" bgcolor="#b7bbda">
         <td bgcolor="#afc6db" class="windowbg2"><font size="1"><yabb menu></font></td>
       </tr>
       <tr>
         <td width="100%" bgcolor="#ffffff" class="windowbg2" height="24">&nbsp;<yabb news></td>
       </tr>
     </table>

What's wrong?

[Spaceman-Spiff]

in these 2 lines:

Code Select Expand

               <td colspan="2" valign="middle" align="left" bgcolor="#ffffff"><img alt="logo" src="YaBBImages/selogo.jpg" /></td>
               <td valign="middle" align="left" bgcolor="#CCDDFD"><font size="2"><yabb uname><yabb im><br /><yabb time></font></td>
change the first line's bgcolor to match the 2nd one (CCDDFD)

[DJTommyC]

Does that also solve the problem if I put an Image as background on the right table?

[Spaceman-Spiff]

the problem was, you put bgcolor="#FFFFFF" (white), so u had a white gap

[DJTommyC]

Why is the gap there? The table should be as wide as the image..

[Spaceman-Spiff]

doesnt necessary have to be like that, since u havent specified the other column's width
if u put width="*" or width="100%" on the 2nd col, the white gap will be gone
if u dont specify the width, the 2nd col will only occupy the space it needs
if u set the 2nd col to 100%, it will use all the space it can get

[DJTommyC]

Thx! It worked..
Grtz