Acocite
asked on
how do i change the color onmouseover & out of links
How can i make it so when someone's mouse is over a link it would be one color and another when the mouse is not over?
ASKER
Yes, but how can i do it with text, instead of images? worth an extra 50 pts.
Like a link? I have links on my page that change color when the mouse moves over them. It might be able to be used with text, I'll try to test it.
ASKER
Yeah, like a link.
Reject the propsed answer and I'll answer with what I use on my homepage.
ASKER
first answer rejected
I can reliably tell you that it is NOT possible to change the color of "normal" text links without using DHTML / CSS. It can't be done in browsers other than Netscape 4 / IE 4 but the solutions are fairly different for the two and it's a real pain!
Here is how you do it:
<a href="destination.htm"><fo nt face="Verdana" color="#000000" onmouseover="this.style.co lor = '#ffffff'" onmouseout="this.style.col or = '#000000'">Destination Pages</font></a>
This will make a link called Destination Pages that will go to destination.htm Link will be black and then white when the mouse moves over the link. I use this on my page.
<a href="destination.htm"><fo
This will make a link called Destination Pages that will go to destination.htm Link will be black and then white when the mouse moves over the link. I use this on my page.
ASKER
I've tried using the text you gave me Treyjeff but it just doesn't work. Could their be some other tag somewhere in your document that i might need to make it work?
What browser are you using?
ASKER
How am i supposed to use "Dhtml/Css"?
ASKER
ie 4.0
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
> With what I gave you, you don't need DHTML or CSS
Do you even know what these terms mean? CSS= Cascading STYLE sheets.
What would you call onmouseover="this.style.co lor = '#ffffff'" ?
btw. your uploaded example doesn't work in Netscape.
Kind of what I said: The solution is a pain, and different for the two browsers! I regret not having enough time right now to play around and find a way to make it work in both browsers...
Good luck anyway! :-)
Do you even know what these terms mean? CSS= Cascading STYLE sheets.
What would you call onmouseover="this.style.co
btw. your uploaded example doesn't work in Netscape.
Kind of what I said: The solution is a pain, and different for the two browsers! I regret not having enough time right now to play around and find a way to make it work in both browsers...
Good luck anyway! :-)
for instance,
>>store an image of the color to turn to (when mouse over) in a image var, ex:
<SCRIPT LANGUAGE="JavaScript">
<!-- HIDE
var menu = new Image();
menu.src = "../gifs/mainmenu.gif";
//STOP HIDING-->
>>name your image tag, ex:
<IMG SRC="../gifs/mainmenu.gif"
>> include this code in the anchor tag..
<A HREF="bikes.htm" onMouseOver="Mainmenu.src=
onMouseOut="Mainmenu.src='
-- Place above code here --
</a>
That's it.
GL
t