Google Groups no longer supports new Usenet posts or subscriptions. Historical content remains viewable.
Dismiss

onMouseOver Link Color Change

2 views
Skip to first unread message

Frank

unread,
Nov 26, 2000, 3:00:00 AM11/26/00
to
Never fails, ask a question find the answer moments later:

<FONT STYLE="text-decoration: none" color="white"
onMouseOver="color='silver'" onMouseOut="color='white'"FACE="verdana"
SIZE="-2">
&nbsp;Live Chat</font>

Thanks.

"Frank" <f...@flj.net> wrote in message
news:ue8U5.85296$a7.13...@news1.rdc1.il.home.com...
> <A HREF="home.cfm?Page=start">
> <FONT STYLE="text-decoration: none; color: white" FACE="verdana"
> SIZE="-2">
> HOME</font></a>
>
> How can I add an onMouseOver to this to change the link text color? I have
> seen code to change background colors using the "document.bgColor" value,
> but can find anything on text.
>
> Thanks.
>
>

Frank

unread,
Nov 26, 2000, 3:00:00 AM11/26/00
to

Tom

unread,
Nov 26, 2000, 3:00:00 AM11/26/00
to

Frank <f...@flj.net> wrote in message
news:ue8U5.85296$a7.13...@news1.rdc1.il.home.com...
Put this in your <head>
<style type="text/css">
<!--
a:link {color:black;}
a:hover {color:red;}
a:visited {color:blue}
-->
</style>


--
Tom

Effective Web Design
http://www.foothills.co.uk/ewd/


--
Tom

Effective Web Design
http://www.foothills.co.uk/ewd/


Tom Coates

unread,
Nov 26, 2000, 3:00:00 AM11/26/00
to
in article ue8U5.85296$a7.13...@news1.rdc1.il.home.com, Frank at
f...@flj.net wrote on 26/11/00 1:28 pm:

> How can I add an onMouseOver to this to change the link text color? I have
> seen code to change background colors using the "document.bgColor" value,
> but can find anything on text.

If you want to change a text colour when you go over it you have to use
style sheets with the hover property


Frank

unread,
Nov 26, 2000, 3:00:00 AM11/26/00
to
Thanks for all your responses:
I originally had them set up using styles, the problem I had was that usint
includes it was too confusing having multiple style sheets. I have a
default style for the web site, but needed an exception for my menu.
http://www.flj.net Thanks again.


"Tom Coates" <newsg...@btinternet.com> wrote in message
news:B646C6BA.FE1%newsg...@btinternet.com...

Rich

unread,
Nov 26, 2000, 3:00:00 AM11/26/00
to
You can do this using CSS. put the following code in the head of your web
doc.

<style>
<!--
body { put your css attributes here for the body }
a:link {color: red;}
a:active {color: purple;}
a:visited {color: green;}
a:hover {color: blue;}
-->
</style>

The a:hover will set the color of the link when a mouse pointer hovers over
the link.


--
HTML Grab Bag
http://www.angelfire.com/ny4/htmlgrabbag

Earn cash online, just click on the links below!
http://www.MintMail.com/?m=118608
http://www.sixfigureincome.com/?677764


"Frank" <f...@flj.net> wrote in message
news:ue8U5.85296$a7.13...@news1.rdc1.il.home.com...
> <A HREF="home.cfm?Page=start">
> <FONT STYLE="text-decoration: none; color: white" FACE="verdana"
> SIZE="-2">
> HOME</font></a>
>

> How can I add an onMouseOver to this to change the link text color? I have
> seen code to change background colors using the "document.bgColor" value,
> but can find anything on text.
>

> Thanks.
>
>

Mark Gallagher

unread,
Nov 26, 2000, 8:37:18 AM11/26/00
to
One night, as Mark was typing up his latest additions to the Communist
Manifesto, he was shocked to feel the sharp blade of a knife at his
throat. Turning around slightly, he caught sight of Frank, who said

> <A HREF="home.cfm?Page=start">
> <FONT STYLE="text-decoration: none; color: white" FACE="verdana"
> SIZE="-2">
> HOME</font></a>
>
> How can I add an onMouseOver to this to change the link text color? I have
> seen code to change background colors using the "document.bgColor" value,
> but can find anything on text.

For starters, scrap the <FONT> tag.

<A HREF="home.cfm?Page=start" STYLE="text-decoration: none; color:
white; font-family: Verdana,Arial,Helvetica,Sans-Serif; font-size:
0.8em; color: #FFF;">Home</A>

To make a mouseover, you can use CSS in the head

<STYLE TYPE="text/css">
<!--
A:hover { color: #FF0; }
-->
</STYLE>

I don't know how to do it within the style attribute, sorry. It can
also be done with javascript:

<A HREF="home.cfm?Page=start" STYLE="text-decoration: none; color:
white; font-family: Verdana,Arial,Helvetica,Sans-Serif; font-size:
0.8em; color: #FFF;" OnMouseOver="this.style.color='red'"
OnMouseOut="this.style.color='white'">Home</A>

However, this means visited links will revert to their unvisited state
once moused over =(


--
Mark Gallagher
"Creating a web site using a wysiwyg is akin to making pizzas by
dialling 'Domino's'..." - Cookie, alt.html
http://users.bigpond.com/dick_gallagher/
ICQ# 39285799

Debra Sawyers

unread,
Nov 26, 2000, 10:09:15 PM11/26/00
to
Just one reminder though... Netscape 4.x browsers don't support hover.

> >
> > > How can I add an onMouseOver to this to change the link text color? I
> have
> > > seen code to change background colors using the "document.bgColor"
> value,
> > > but can find anything on text.
> >

Cerebus

unread,
Nov 26, 2000, 10:16:39 PM11/26/00
to
The order should be:
a:link {color:black;}
a:visited {color:blue}
a:hover {color:red;}

or else the hover will not work with visited links.

//
Clarence Eldefors
cla...@swipnet.se
http://www.cerebuswebmaster.com - Cerebus Webmaster Resources

"Tom" <vertical...@ntlworld.com> skrev i meddelandet
news:vB8U5.12792$ea7.2...@news2-win.server.ntlworld.com...


>
> Frank <f...@flj.net> wrote in message
> news:ue8U5.85296$a7.13...@news1.rdc1.il.home.com...

> > <A HREF="home.cfm?Page=start">
> > <FONT STYLE="text-decoration: none; color: white" FACE="verdana"
> > SIZE="-2">
> > HOME</font></a>
> >

> > How can I add an onMouseOver to this to change the link text color? I
have
> > seen code to change background colors using the "document.bgColor"
value,
> > but can find anything on text.
> >

Cerebus

unread,
Nov 26, 2000, 10:17:44 PM11/26/00
to
But it support javascript color change. But around 6% of web surfers have
javascript turned off.

//
Clarence Eldefors
cla...@swipnet.se
http://www.cerebuswebmaster.com - Cerebus Webmaster Resources

"Debra Sawyers" <debsa...@yahoo.com> skrev i meddelandet
news:vfkU5.1078$4e.1...@nnrp1.ptd.net...

A.MacNair

unread,
Nov 28, 2000, 3:00:00 AM11/28/00
to
"Frank" <f...@flj.net> wrote in message
news:Nl8U5.85297$a7.13...@news1.rdc1.il.home.com...

> Never fails, ask a question find the answer moments later:
>
> <FONT STYLE="text-decoration: none" color="white"
> onMouseOver="color='silver'"
onMouseOut="color='white'"FACE="verdana"
> SIZE="-2">
> &nbsp;Live Chat</font>

I would not use a font as a containing object. Also your inline style
is an IE-only solution.

Iiro Kaksonen

unread,
Nov 28, 2000, 3:00:00 AM11/28/00
to
Yes, but does it works in Netscape?

denni...@eaton.com

unread,
Dec 13, 2000, 3:45:07 PM12/13/00
to
I tried this:

<font size=2 face="arial" color=black onMouseOver="color='blue'"
onMouseOut="color='black'"><a href="mailto:m...@isp.com">Dennis</a></font>


Am I missing something? Do I have a syntax error in the above
statement?

Thanks.


Dennis


In article <Nl8U5.85297$a7.13...@news1.rdc1.il.home.com>,


"Frank" <f...@flj.net> wrote:
> Never fails, ask a question find the answer moments later:
>
> <FONT STYLE="text-decoration: none" color="white"
> onMouseOver="color='silver'" onMouseOut="color='white'"FACE="verdana"
> SIZE="-2">
> &nbsp;Live Chat</font>
>

> Thanks.


>
> "Frank" <f...@flj.net> wrote in message

> news:ue8U5.85296$a7.13...@news1.rdc1.il.home.com...
> > <A HREF="home.cfm?Page=start">

> > <FONT STYLE="text-decoration: none; color: white" FACE="verdana"
> > SIZE="-2">
> > HOME</font></a>


> >
> > How can I add an onMouseOver to this to change the link text color?
I have
> > seen code to change background colors using the "document.bgColor"
value,
> > but can find anything on text.
> >

> > Thanks.
> >
> >
>
>


Sent via Deja.com
http://www.deja.com/

0 new messages