Contact us Question

[magicalwonders]

Hello Dave & Eagle,

Thanks for your help with this.

The solution works well Dave, but I have discovered a problem! I've uploaded the latest version here:

http://support.actinic.co.uk/~kcsupp...alog/shop.html

At the moment, only the top "Contact Us" is using the JavaScript. The lower one is still NavBmail. Here's the problem. If you go to "View" and click on text size, then select "larger" and "largest" everything sizes up except "Contact Us"

Is there anyway I can get the "Contact Us" to react to size changes made in the browser. Or Alternatively make the other Nav links stay the same size?

One other thing. I've noticed that my links are now underlined in Blue. Could you take a look at the attached copy of the css and let me know if I've put the code in the wrong place or something.

Many thanks,

Myles

[DaveT]

Hi Myles

Yes all you need to do is change the 'font-size:11px' in the stylesheet under the 'contact' class to something like x-small or similiar until it is at the desired size.

Looking at your stylesheet 'actxxsmall' has a size of 'xx-small' - make it the same as that.

This will then apply to all the <a> tags with the class 'contact'.

The blue underline is again caused by inheritance from the parent <a> class. To remove it I suggest you apply the <a class="contact"...> tag to all the links you want in that small text. This will mean finding the NAVBMAIL variable and instead of it being '<span class="actxxsmall>', you would need to apply the <a class ="contact"..> to it. This might mean changing text in the Design...Text prompts.

At the moment, for example, your Terms and Conds link is:

<A HREF="info.html" TARGET="_self" onMouseOver="SwapImage('hnavb_info','info2.gif')" onMouseOut="RestoreImage()"><span class="actxxsmall"><b>Terms & Conds</b></span></A>

You could reduce it to:

<A HREF="info.html" class="contact">Terms & Conds</A>

Hope this helps. Having said that I don't know where this variable is kept so at the very least, remove the <span class="actxxsmall"> as follows:

<A HREF="info.html" TARGET="_self" onMouseOver="SwapImage('hnavb_info','info2.gif')" onMouseOut="RestoreImage()">Terms & Conds</A>

[magicalwonders]

Hi Dave,

Thanks, that works great for the font size.

Not sure I fully understand the following bit as yet.

At the moment, for example, your Terms and Conds link is:

<A HREF="info.html" TARGET="_self" onMouseOver="SwapImage('hnavb_info','info2.gif')" onMouseOut="RestoreImage()"><span class="actxxsmall"><b>Terms & Conds</b></span></A>

You could reduce it to:

<A HREF="info.html" class="contact">Terms & Conds</A>

Currently my navigation along the top and bottom of the page is using Netquatevar:NavBHome Netquatevar:NavBCatalog etc.,

Are you saying to rewrite the links in my act_primary and not bother with the Netquotevars?

Many thanks

Myles

[DaveT]

The link is created by several templates. Open the Template Manager, under 'Main' and there might be a button for 'Nav Item'.

The template name is Act_NavigationItem.html.

On my version, which may or may not be the same as yours there is a line as follows:

<A HREF="NETQUOTEVAR:NAVLINK" TARGET="NETQUOTEVAR:NAVTARGET" NETQUOTEVAR:MOUSEOVERCALL><span class="actxxsmall"><b>NETQUOTEVAR:NAVTEXT</b></span></A>

You could change it to:

<a href="NETQUOTEVAR:NAVLINK" class="contact" TARGET="NETQUOTEVAR:NAVTARGET">NETQUOTEVAR:NAVTEXT</a>

and it will do away with the excess bits while applying your styles.

Don't forget to back up the template first just to be sure.

[magicalwonders]

Thanks Dave,

I think I've got it now! I'll give this a try.

Many thanks,

Myles