CSS link hover colour

[bjh555]

Hi.

I have set the hover colour for the links to blue but this only works on the email address that we have on one of the pages.

It doesn't work on the section list which we have down the side of the page and this is where we really want it to work.

Does anybody know what is causing this?

Thanks

Ben.

[pinbrook]

Got a URL we can see?

[bjh555]

http://www.ukdesignweb.co.uk/~portable/

If you put your mouseover the email address on the front page, it goes blue.

Click on products to go into the store bit, put your mouse over one of the section links on the left hand side, they are just black.

Thanks Jo for the reply.

Ben.

[pinbrook]

try using the full pathname to actinic.css in the root indexpage

ie http etc see if the index page picks it up

[bjh555]

Hi.

I have been away and ill so it has taken me a while to reply and try out what you suggested. I am still having problems with it though.

http://www.ukdesignweb.co.uk/~portable

The email address on the first page is still working as blue which is what we want, the section links within the store (the ones down the left side) are still black and rather oddly, the links which go along the top (like a section tree I suppose) which tell you where you are, are appearing as black text with a blue underline.

For something which I thought would be pretty simple to do, this is turning out to be bit of a problem.

Thanks

Ben.

[shiver]

Hi Ben,
The menu will be using a "class" or "ID" from the CCS style sheet were as the email link may not be, so you will have differant settings for the links (Psuedo Classes).

Unfortunately you've also got a java script error on http://www.ukdesignweb.co.uk/~portab...log/index.html which stopped me from viewing the source.

Basically there will be CSS asigned to your normal links in the style sheet, something like;

a:link{

}

a:visited{

}

a:hover{

}

a:active{

}

and

style on the menu links, such as;

a.menu:link {

}

a.menu:visited {

}

a.menu:hover {

}

a.menu:active {

}

editing the "color" will give you the required result. Save a copy before playing, your "a.menu:" could be called "a.menuleft text:" or something descriptively similar.

ope this helps.

[bjh555]

Hi Justin.

I have got actinic.css open now, but I can't see any mention of a.menu:hover in there or any other a.menu: etc etc

Also, what was the javascript error you got?

Thanks

Ben

[shiver]

attach your style sheet and /acatalog/index.html and I'll take a look.

error

line 65
char 22
error expected ')'

only comes from following the products link from the home page not by accessing the page direct ie from the link in the previous post?

[bjh555]

Please find attached the files.

Let me know if you want to see any others

Thanks

Ben

[shiver]

Looks like the class for the menu is "boxlink" "a.boxlink:link" so by changing the color: NETQUOTEVAR:PALBGCSS in the relevent part of DESIGN|COLOURS in Actinic you will be able to get the required results.

You can also replace "NETQUOTEVAR:PALBGCSS" with a hex value or colour name, but doing so will meen you will be editing you style sheet outside of the Actinic theme.

"a.boxlink:link" = the unvisited link
"a.boxlink:active" = the active link ie clicked on
"a.boxlink:visited" = the visited link ie previously clicked on
"a.boxlink:hover" = the hover attributes for the link ie on mouse over

your current links style;

a:link{
color:NETQUOTEVAR:LINKCOLORCSS;
font-size:10px;
text-decoration:none;
}

a:visited{
color:NETQUOTEVAR:VLINKCOLORCSS;
font-size:10px;
text-decoration:none;
}

a:hover{
color:NETQUOTEVAR:HLINKCOLORCSS;
font-size:10px;
text-decoration:underline;
}

a:active{
color:NETQUOTEVAR:ALINKCOLORCSS;
font-size:10px;
text-decoration:none;
}

a.boxlink:link{
color:NETQUOTEVAR:PALBGCSS;
font-size:10px;
text-decoration:none;
}

a.boxlink:visited{
color:NETQUOTEVAR:PALBGCSS;
font-size:10px;
text-decoration:none;
}

a.boxlink:hover{
color:NETQUOTEVAR:FGCOLORCSS;
font-size:10px;
text-decoration:underline;
}

a.boxlink:active{
color:NETQUOTEVAR:FGCOLORCSS;
font-size:10px;
text-decoration:none;
}

hope this makes sence, if not get in touch.

[bjh555]

Hi Justin.

Well, we are getting there. The section tables on the products page now has the correct hover colour, blue.

But the section list down the side is still black.

Did you work out what was causing the error with the javascript?

Cheers for your help so far.

Ben.

[shiver]

Sorry my mistake, the menu on the left is pulled in by javascript

<script language=Javascript1.2>
document.write(YahooSections(section_tree))
</script>

this will have its own class ID or even a second *.css file.

Take a look in your /acatalog/ directory and see if you have a second style sheet, if you do save a copy and try editing the same link styles as mentioned earlier, they may/will be named differently though.

The javascript error comes from this area:


<SCRIPT language=JavaScript src="Online Store_files/Act_sections.js"
type=text/javascript><!--
// -->
</SCRIPT>

<SCRIPT language=JavaScript>
<!--
function BulletList(pItem)
{
var strIDs = '<ul>';
{
for (var i = 1; i <= pItem.length; i++)
{
strIDs += '<li><a href=' + pItem[i].sURL + '>'+ pItem[i].sName + '</a></li>';
}
}
strIDs += '</UL>'
return strIDs
}
-->
</SCRIPT>

according to the error you have a missing ')' cant see it my self though.

[bjh555]

Hi Justin.

I can't find any other .css files anywhere.

I am also a complete novice when it comes to javascript, can you point me in the right direction.

I have sorted the javascript error out, I went and got a backed up version of act_primary and it is fine.

Thanks

Ben

[shiver]

I've never used the "Yahoo" style menu, I believe it comes with one of the built in themes.

However

You should have a *.js file in the /acatalog/ directory that deals with it (there will be more than one), have a look and if you can find the Yahoo one, attach it and I'll take a look.

[bjh555]

Thanks i'll have a look.

Is there a better one to use then than the Yahoo one?

I did use one of the built in themes (this is my first actinic store)

I'm happy to change to a different style if it isn't too hard a task.

Cheers

Ben

--
Added:
I have got a actinicextras.js Act_section_tree.js and actiniccore.js