Skip to main content
MergeThis
Inspiring
October 11, 2006
Question

Toolbar background image

  • October 11, 2006
  • 4 replies
  • 1107 views
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
This topic has been closed for replies.

4 replies

Inspiring
August 4, 2008
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
Inspiring
August 1, 2008
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
August 1, 2008
so does an image with a border on the right side will not work?
MergeThis
MergeThisAuthor
Inspiring
August 1, 2008
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
August 1, 2008
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!
Inspiring
October 11, 2006
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
MergeThisAuthor
Inspiring
October 13, 2006
I suspect you're right about widening the image; I'll try it and report back.

Thx,
Leon