On Mouse Text Color Change and Link Underline

They have: 5,633 posts

Joined: Jan 1970

How do I get it so when the mouse moves over a link the link changes to bright green and an underline will apear under it. Post here or e-mail me the code at [email protected] . Thanks!,
~Park~

Ken Elliott's picture

They have: 358 posts

Joined: Jun 1999

Use CSS....

<style type="text/css">
<!--
A {text-decoration:none; color: Red }
A.hover { text-decoration: underline; color: Green }
-->
</style>
Substitute red and green for your hexidecimal colors. One little problem...this only works in IE....someone let me know how to do it in netscape...if it is possible...beside img mouseovers..

VulKen

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

Pimpin like a pimp with an electrofied pimpin machine!

They have: 359 posts

Joined: Mar 1999

Don't think it is possible. All NS will see is a red non-underlined link. Doesn't recognize the hover. Maybe in V.5...LOL

They'll probably just add some worthless add-on software and call it new and improved. Maybe a newer version of Instant Messenger

------------------
Dan
CDS Web Design

Dan
Recycle Video Games Network

Stupidity killed the cat, curiosity was framed!

They have: 5,633 posts

Joined: Jan 1970

Where do I put the link text? In the "text/css" part?

They have: 297 posts

Joined: Apr 1999

If you want to know about the abilities/capabilities of NS5 check out www.mozilla.org They should at least call it Netscape 8.5.

malte

------------------
Malte Ubl - www.Boardzilla.org
Communication: public<->programmers
of the Boardzilla BB

They have: 222 posts

Joined: Sep 1999

Everything inside the <Style> and </Style> tags goes after your <Body> tag and then your links just go wherever you would have put them normally.

They have: 4 posts

Joined: Oct 1999

Can a person use mouseovers for text? I mean, how hard can it be?

<a href="whereeveryouwant/samplepage.html" onmouseover="<font color=green><u>" onmouseout="<font color=red></u>">font name</a>

Won't that (or something like that) work ?

They have: 222 posts

Joined: Sep 1999

Compocalypse:

I don't think you can change the color of normal text onMouseOver... The example you gave <i>was</i> a link... You can change the color of a link onMouseOver using style sheets.

------------------
http://members.antionline.com/cst/

They have: 5,633 posts

Joined: Jan 1970

The <style>...</style> should go between your <head></head> tags.

------------------
http://go.to/hass

They have: 98 posts

Joined: Apr 1999

Here's an example of what your overall code should look like with the style sheets:

<HTML>
<HEAD>
<STYLE TYPE="text/css">
<!--
A { text-decoration: none; color: #FF0000 }
A.hover { text-decoration: underline; color: #33CC33 }
-->
</STYLE>
</HEAD>
<BODY>
<A HREF="whatever.link">Whatever Link</A>
</BODY>
</HTML>

You don't need any special code for your links if you have the style information in your <HEAD>.

------------------
R Smith
The XRS Network
http://xrs.net/ | | [email protected]

R Smith
The XRS Network - Webmaster and Developer Resources, Tools, etc.
XRSolutions - Professional yet Affordable Design and Development.
Unified - An Extensive Site Dedicated to Creed.

They have: 2,390 posts

Joined: Nov 1998

Actually I would advise using external style sheets.
JP

They have: 297 posts

Joined: Apr 1999

The only cross browser, and I would say not very workable solution for text mouseovers is to use layers for the different events.

Malte

------------------
Malte Ubl - www.Boardzilla.org
Communication: public<->programmers
of the Boardzilla BB

Want to join the discussion? Create an account or log in if you already have one. Joining is fast, free and painless! We’ll even whisk you back here when you’ve finished.