Javascript Disables Css Link?

rkosh

May 8 2005, 12:49 AM

Here's the code I'm using for my javascript link I decided to add to a website I'm working on:

<li><a type="button" href="java script: history.go(-1)">Go Back</a></li>

The problem is that the css doesn't affect the javascript link. It displays as a plain blue underlined link. The stylesheet correctly renders regular links to other pages in the site, so the problem doesn't lie in my CSS coding. Thanks for the help.

Comment/Reply (w/o sign-up)

jet

May 8 2005, 06:03 AM

Maybe you should add the style straight into the <A> code? Like <a type="button" href="java script:history.go(-1)" style="color: ... ... ">. I don't quite understand the "button" bit.. If its meant to be a button, isn't it meant to be a button instead of underlined text? When I used the text link for "go back" on one of my sites some time back I believe the CSS had no problems with javascript.

Comment/Reply (w/o sign-up)

overture

May 8 2005, 09:15 AM

normal hyperlinks reference:

CODE

a:link, a:visited, a:active {
[tab][/tab]color: #000000;
[tab][/tab]font-weight: none;
[tab][/tab]text-decoration: underline;
}

a:hover {
[tab][/tab]color: #880000;
[tab][/tab]text-decoration: none;
}

----------------------------

i just tested it and it works fine for me. try adding this in the css page:

CODE

li a:link, li a:visited, li a:active {
[tab][/tab]color: #000000;
[tab][/tab]font-weight: none;
[tab][/tab]text-decoration: underline;
}
li a:hover {
[tab][/tab]color: #880000;
[tab][/tab]text-decoration: none;
}

so if a link is within the <li></li> tags then it will be formatted to whatever you put into the code i have given above.

what browser are you using? it works for me fine in IE and FF.

Comment/Reply (w/o sign-up)

pbolduc

May 8 2005, 11:08 AM

QUOTE (rkosh @ May 7 2005, 05:49 PM)

Here's the code I'm using for my javascript link I decided to add to a website I'm working on:

<li><a type="button" href="java script: history.go(-1)">Go Back</a></li>

The problem is that the css doesn't affect the javascript link. It displays as a plain blue underlined link. The stylesheet correctly renders regular links to other pages in the site, so the problem doesn't lie in my CSS coding. Thanks for the help.

You can also simply add a class property to your link:

CSS Code:

CODE

a.whateverclass:link {color: #000066; text-decoration: none}

a.whateverclass:visited {color: #000066; text-decoration: none}

a.whateverclass:hover {color: #006600; text-decoration: underline}

a.whateverclass:active {color: #FFFF00; text-decoration: none}

Link Code:

CODE

Hope This Helps,
pete

Comment/Reply (w/o sign-up)

rkosh

May 8 2005, 08:41 PM

I'm such an idiot! I just realized I specified "type" instead of "class" on that link!!!. Thanks pbolduc!

Comment/Reply (w/o sign-up)