Consistent navigation

[Wiseman]

Hi

I need to add more and more brochure pages to my site www.hedsolutions.co.uk to contain general information, however I don’t need nav links to all of these pages from the top nav bar. Additionally I want to make the top nav bar consistent across brochure and catalogue pages.

I gather from trawling though other threads that I need to replace NETQUOTEVAR:HEADERGUIDE in Act_BrochurePrimary.html and Act_Primary.html with the individual NQVs for Home, Cart etc. Is this the best approach?

What about links to brochure pages, how do I create them? Do I need to hand code them rather than using a NQV?

Lastly if I do hand code them, what code do I need to use to get the format of the link the same as my existing links i.e. Black text with a line under on mouse over? I’ve tried adding in

<a href="test.html"> Test Page</a>

but this gives me a link in blue text rather than black text with the underline on mouse over.

Many thanks for your help in advance

Stephen

[jont]

To get black text links you will need to add a new class into the actinic.css to give the desired effects over the standard blue links you have. Eg:

.newlink a:link, a:visited {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000;
text-decoration: none;
}

.newlink a:hover {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #990000;
text-decoration: underline;
}

.newlink a:active {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000
text-decoration: none;
}

... in your html link add in class="newlink" eg <a class"newlink" href.....>

HTH

[Wiseman]

what am I missing?

Hi, thanks for the reply Jont, unfortuately I can't get it working. I've added the following to the bottom of Actinic.css and added
<a href=Custom_Design_Equipment.html" class="newlink">Custom</a>
to Act_Primary.html, but I still just get the blue link, the css doesn't appear to be having an effect.

Any ideas?

Thanks
Stephen


.newlink a:link, a:visited {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000000;
text-decoration: none;
}

.newlink a:hover {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000000;
text-decoration: underline;
}

.newlink a:active {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000000
text-decoration: none;
}

[wjcampbe]

It's black for me - try refreshing your browser and/or deleting cached files.

[Wiseman]

I'm just working on this offline looking at the preview pane, I've not published it to the web yet. I also still only see the blue link if I do 'Offline Page Preview' i.e. in a browser.

[jont]

May be worth trying <span> tagging the code eg:

<span class"newlink"><a href="Custom_Design_Equipment.html">Custom</a></span>

see if that resolves

[Wiseman]

Sorted!

That's got it, thanks very much Jont!

[jont]

Great. Actinic has its peculiarities when it comes to adding in CSS. Glad it is now working for you.