Toolbar background image

[MergeThis]

I'm testing a toolbar background image, but I can't figure out how to get it not to repeat. Its width is about 70% of the toolbar, and it's repeating once in the toolbar and again in the mini-toolbar that I had suppressed with Rick's tip.

Any ideas?


Leon

[HKabaker]

Leon,

Look in whskin_mbars.htm (minibar) in the WebHelp output folder.

You'll see two places where it calls for the image, the same one as in whskin_tbars.htm (main toolbar). You didn't ask RH to put it in mbars, but there it is.

Remove the background image from mbars. Usually, when I republish the project, RH leaves this one alone.

As for the background image repeating in the main toolbar, you should widen the image with white, or color, or blank space, or whatever. It doesn't force the browser to expand. Make it wider than you expect the browser to be expanded by a user.

Harvey

[MergeThis]

I suspect you're right about widening the image; I'll try it and report back.

Thx,
Leon

[Guest]

How large did you size the image to in the main toolbar? I have been playing with this forever and either its too big and doesnt display the entire image or it repeats!

[HKabaker]

You need to design it so the image is about 1200 or 1500 px wide, but the right side is background or fadeaway.

The length depends on how wide you expect your users to set their windows

Then it will not repeat, and the bar fills up to the width of the browser window.


Harvey

[Guest]

so does an image with a border on the right side will not work?

[MergeThis]

Harvey's right, but we actually went wider (1729), effectively eliminating the right-side fadeaway, because I was tired of testing width after width to get it right.


Good luck,
Leon

[HKabaker]

Another technique is to use a shorter image ending with a solid color at the right, no border. Use the same color for the toolbar background.

I think the background color will fill up the entire toolbar, and the image will overlay it from the left side, but it won't repeat.

Harvey