[Forum] Bigger titleimage misplaces toplinks

[ceho]

Hi,

whenever I add a custom titleimage with in this case a size of 1040x200px it misplaces the toplinks: they slip below the titleimage inside of the header. This only happens on IE7!

It affects the default style on a clean and not anyhow customized installation of vB 4.1 (and did the same on e.g. vB 4.0.7).

Any ideas how to fix that? Unfortunately we still have a lot of members using IE7...

Thx!

[Lynne]

Instead of setting it as a titleimage, why not put it as the header_background image?

[ceho]

Yes, I am working on that, although I thought it would be nice to have it as a titleimage to remain clickable (to home).

How would I define the height of the header or should I use a transparent titleimage of e.g. 200x200px?

Thanks Lynne!

[Lynne]

You could do the transparent image, but it's probably just cleaner to set a height. Add to additional.css:

/* header height */
.doc_header {height: 50px;}

[ceho]

Thx. The problem is that if I don't use any titleimage it's showing the alt text (forum name), so maybe I have to use the transparent graphic?

And the header background is not showing in IE6, just to mention this as it's not so much of a big deal for me ;-).

[Lynne]

You could just remove the title image from the header template.

<a name="top" href="{vb:raw vboptions.forumhome}.php{vb:raw session.sessionurl_q}" class="logo-image"><img src="{vb:stylevar titleimage}" alt="{vb:rawphrase x_powered_by_vbulletin, {vb:raw vboptions.bbtitle}}" /></a>

[ceho]

OK, that's an option. Thanks a lot Lynne!

However vB should figure out why this is happening, shouldn't they?

[Destron]

I have the same problem, but I've never found an acceptable solution, just to keep my site the same way.

[Lynne]

OK, that's an option. Thanks a lot Lynne!

However vB should figure out why this is happening, shouldn't they?

What they should do is have that in a condition. if the titleimage exists, then show the image, if not, then don't, like this:

<vb:if condition="$stylevar[titleimage]"><div><a name="top" href="{vb:raw vboptions.forumhome}.php{vb:raw session.sessionurl_q}" class="logo-image"><img src="{vb:stylevar titleimage}" alt="{vb:rawphrase x_powered_by_vbulletin, {vb:raw vboptions.bbtitle}}" /></a></div><vb:else /><div>&nbsp;</div></vb:if>

I entered this into the bug tracker here - http://tracker.vbulletin.com/browse/VBIV-10501

[ceho]

Works very well! Thanks Lynne!

[cammot]

Instead of setting it as a titleimage, why not put it as the header_background image?

What's the difference of the two options, and how does one go about installing the header_background image. Any pros and cons between the two ?.

Thanks

cammot

[Lynne]

What's the difference of the two options, and how does one go about installing the header_background image. Any pros and cons between the two ?.

Thanks

cammot

One is an image, one is a background image. It's a matter of what you can do to them CSS-wise. It's really up to you on how you do it.