Switching text header links to images

[jamescheema]

By default currently the links for the header on my site are text based. I want to change these to images, is there any easy way of doing this? Design > Options > navigation, shows that there is the text links, aswell as filenames for images, the images arn't showing up though. Any ideas?

[jont]

From memory isn't that coming from Act_BrochureNavItem.html? You can replace NAVIMAGE for NAVTEXT ... it is in the comments at the bottom of the template

[jamescheema]

That worked a treat, i just did that in act_navigationitem.html. Now i'm trying to get rid of the small spacers between each image, where would i find them?

[cdicken]

Now i'm trying to get rid of the small spacers between each image, where would i find them?

If you remove all comments and line breaks from Act_NavigationItem.html and Act_NavigationImage.html the spaces should disappear.

[jxm28788]

I've tried this and I can't get rid of the small spacers.

Act_NavigationItem.html looks like this -

<A HREF="NETQUOTEVAR:NAVLINK" TARGET="NETQUOTEVAR:NAVTARGET" class="actxxsmall" NETQUOTEVAR:MOUSEOVERCALL>NETQUOTEVAR:NAVIMAGE</A>

Act_NavigationImage.html looks like this -

<IMG SRC="NETQUOTEVAR:IMAGEFILE" ALT="NETQUOTEVAR:ALTERNATETEXT" BORDER=0 NETQUOTEVAR:IMAGEHEIGHT NETQUOTEVAR:IMAGEWIDTH NETQUOTEVAR:OTHERIMAGEMARKUP>

When resolved in the final page the code looks like this -

<Actinic:TEMPLATE type="begin" filename="C:\Program Files\Actinic v7\Sites\Site1\Act_NavigationItem.html"/>
<A HREF="http://192.168.1.6/cgi-bin/ca000002.pl?ACTION=SHOWCART" TARGET="_self" class="actxxsmall" onMouseOver="SwapImage('hnavb_cart','crazy-daves-basket-button-2.gif')" onMouseOut="RestoreImage()"><Actinic:TEMPLATE type="begin" filename="C:\Program Files\Actinic v7\Sites\Site1\Act_NavigationImage.html"/>
<IMG SRC="crazy-daves-basket-button-1.gif" ALT="View Basket" BORDER=0 HEIGHT=17 WIDTH=76 name=hnavb_cart>
<Actinic:TEMPLATE type="end" filename="C:\Program Files\Actinic v7\Sites\Site1\Act_NavigationImage.html"/></A>
<Actinic:TEMPLATE type="end" filename="C:\Program Files\Actinic v7\Sites\Site1\Act_NavigationItem.html"/>

I can't see where the space is coming from unless it is the line

<Actinic:TEMPLATE type="end" filename="C:\Program Files\Actinic v7\Sites\Site1\Act_NavigationImage.html"/>

and I have no idea how that gets in there or how to get rid of it... Help...

[Bruce]

Those look fine to me. I would suggest you raise a support ticket on this as we will need to take a closer look.

Kind regards,

[jont]

Don't forget IE can also introduce some gaps due to "white space" in any HTML code ... often worth checking everything is together, on one line etc