Adjust space between menu text and image?

Poster: bgordon
Dated: Thursday August 18 2005 - 22:56:59 BST

On the top menu of this page:

http://www.holisticjunction.com/homedev.cfm

we would like to reduce the space between the text "Submit Works" and the square image of the star to the right of the text.

We haven't been able to figure out how to do this, or why all the extra space is there.

The line currently being used to display the menu item is:

aI("text=Submit Works;image=/images/dk-rd-star.gif;overimage=/images/wh-star.gif;imagealign=left;imageposition=right;url=http://www.holisticjunction.com/;")

Thanks. -bg

Poster: kevin3442
Dated: Friday August 19 2005 - 0:23:54 BST

Hi bg,

It's because the menu system is automatically adding space to the right and left sides of the text, to achieve the menuwidth=727; that's set in your "visitormenu". The images is then added to the right of the right padding added to the text. You could try overriding that by specifying an itemwidth in that particular item, then you might want to add a little padding to the right of the star to make sure there's some space between the image and the right border of the item. Like so:


That should restrict the width of that particular item, but still allow the system to stretch the menu to 727 px.

Hope that helps,

Kevin

Poster: bgordon
Dated: Friday August 19 2005 - 17:03:07 BST

Thanks, kevin3442!

That's exactly what we needed. -bg