liquid logo

[Oliver Szczypka]

how can i make my logo liquid? this is my site www.webmasters-forum.net/forums ,u see the top, i wont it to have a longer image but wen u see it with a smaller image it looks all messed up. so anyone know what to do?

Thanks, Oliver Szczypka.

[Jolten]

Liquid?

[Oliver Szczypka]

yer, u know like this forum has, wen the resolution gets smaller u dont have to scrol to the left nor right, but wen i put my logo on and u have a smaller resolution u have to scroll. u know what i mean?

[Dean C]

Moved to General vBulletin Questions

[Oliver Szczypka]

thanks, soz for posting in wrong place.

[Berethorn]

The way I do it is by placing my header logo as the background of a div or table with a percentage for a width.

I think the way this site does it is by placing the logo as a normal img in a div, and adding "overflow: hidden;" to the div style.

[Beermonster]

This is the way I did it, you can modify it to suit your own needs

Add at the top of the HEADER template:

<table width="100%" border="0" cellpadding="0" cellspacing="0" background="yourdir/bg.gif">
  
  <tr> 
    <td width="286" rowspan="2" valign="top"><a href="$vboptions[forumhome].php?$session[sessionurl]"><img src="yourdir/logo.gif" border="0" alt="$vboptions[bbtitle]" /></a></td>
    
    <td width="100%" align="right" valign="top"><img src="yourdir/right.gif" width="36" height="100"></td>
  </tr>
</table>

In the code the:-
yourdir/bg.gif is the background usually only a couple of px wide
yourdir/logo.gif the main logo as wide as you like
yourdir/right.gif this doesn't need to be too wide, just finishes of the right hand side