liquid logo

[Oliver Szczypka]

how can i make my logo liquid? this is my site www.webmasters-forum.net/forums (http://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