Announcement

**jont** · 30-Jun-2006, 06:51 PM

Have you seen these threads ?

http://community.actinic.com/showthread.php?t=21686

http://community.actinic.com/showthread.php?t=21791

**Lindan54** · 03-Jul-2006, 12:30 PM

Hi Jont,

I had seen one and have been going through the other this morning and I still can't get it to work...

Without doing anything to it my nav and section lists are:

.actsmallheading{font-size:10px;color:#330066;font-family: CUSTOMVAR:ACTCSSFONTFAMILY;text-transform: uppercase;}

where the html code looks like this in the Act_NavigationItem:

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

Now this works fine, accept I need the hover to turn the text #CC0000
This morning I got the hover to work - Uppercase, in red, no underline...

But without the hover the text went back to the body links format which is larger, green and lowercase.

I would be very grateful if you give me any help.

Christine

**jont** · 04-Jul-2006, 10:23 AM

Actinic is a nightmare due to very deep and nested templates and its inbuilt core codes.

The best way I found to resolve the navigation CSS is to wrap FOOTERGUIDE <div id="navLinks"> in the Act_Primary and setting the #navLinks in the actinic.css accordingly ... the "id" creates a higher specificity and overrules any nesting of code changes.

<span> tagging under Actinic in general can be fraught .. I tend to use ID's or .classes if repeating on the page.
Edit/Delete Message

**Lindan54** · 04-Jul-2006, 07:38 PM

I'm going slightly MAD - Oh yes!

Hello Jont et all,

OK [ breathe ]

I've tried the <div id> many times now and failed miserably - I just DO NOT KNOW WHAT I'M DOING WRONG???

All I need to do is change the mouseOver so the Nav text goes pink!

What I'm getting now is that my links are now vertical like so

Where they should be:
HOME | SITEMAP | TERM & CONDS | ETC

The original unwanted pink underlining has gone but the text still does not change colour???

Can someone help...please - Am I placing the tags in the wrong place?

My code looks like this for the Act_NavigationItem:



<div id="pinknav">NETQUOTEVAR:TEMPLATEBEGINXML
<A HREF="NETQUOTEVAR:NAVLINK" TARGET="NETQUOTEVAR:NAVTARGET" NETQUOTEVAR:MOUSEOVERCALL><span class="actsmallheading"><b>NETQUOTEVAR:NAVTEXT</b></span></A> <span class="actxxsmall">|</span>
NETQUOTEVAR:TEMPLATEENDXML </div>




My css looks like this - placed after the a:hover part (does it matter where it's placed inside the CSS??

#pinknav a {
font-size:xx-small;
color: #330066;
text-transform:uppercase;
text-decoration: none;
font-weight:bold;
}

#pinknav a :hover {
font-size:xx-small;
color: #c525fa;
text-transform:uppercase;
text-decoration: none;
font-weight:bold;
}

I'm off to make a Cup 'o' Tea to soothe me head!
From Carfuffled Christine

**jont** · 04-Jul-2006, 09:25 PM

Hi, several things spring out.

Firstly the <div id> should be wrapping the FOOTERGUIDE (in the Act_Primary.html) .. this will then place the 1 instance of a named ID on the page (there can be only one)

You can also strip out all the superfluous fluff from the ActNavigation eg:



NETQUOTEVAR:TEMPLATEBEGINXML
<a href="NETQUOTEVAR:NAVLINK" target="NETQUOTEVAR:NAVTARGET" NETQUOTEVAR:MOUSEOVERCALL>NETQUOTEVAR:NAVTEXT</a> |
NETQUOTEVAR:TEMPLATEENDXML




You are also wise to declare the font-family in the CSS followed by the size to ensure cross-browser compatibility

**Lindan54** · 05-Jul-2006, 07:47 AM

Hi Jont aka knight in shining armour!
Worked like a charm!
And I realised why it was not turning pink was due to a space between my a :hover!
Thankyou very much for all your help!
Christine

Announcement

MouseOver colour change

MouseOver colour change

Comment

Comment

Comment

Comment

Comment

Comment