Adjust space between menu text and image?

[bgordon]

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

[kevin3442]

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:

Code: Select all

aI("text=Submit Works;itemwidth=115;imagepadding=0 4 0 0;image=...;");

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

[bgordon]

Thanks, kevin3442!

That's exactly what we needed. -bg