Mouseover, change text underline

**havoq93** · Nov 1st, 2002, 10:54 AM

whats the code so that when i want to put my mouse over a hyperlink, it is automatically underlined? Kinda like on this page
http://www.avault.com/

how do u do that?

**msimmons** · Nov 1st, 2002, 11:26 AM

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<style>
.coolLink {text-decoration:none;}
.coolLink:hover {text-decoration:underline;}
</style>
</HEAD>
<BODY>
<a class="coolLink" href="blah.com">mouse over me</a>
</BODY>
</HTML>

**havoq93** · Nov 1st, 2002, 11:54 AM

wow, sweet, thanx!

that was easy enough

**havoq93** · Nov 1st, 2002, 11:57 AM

actually, how would i insert it into pre-existing code already?

<a style="text-decoration: none" target="_blank" href="http://student.csv.cmich.edu/">
My Webmail</a> 
  · 

thats an example of a hyperlink I already have. How can I modify that without deleting anything?

**msimmons** · Nov 1st, 2002, 12:14 PM

just stick in the style part (inbetween the /title and the /head). and add the class to the link.

example:

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<style>
.coolLink {text-decoration:none;}
.coolLink:hover {text-decoration:underline;}
</style>
</HEAD>
<BODY>
<a class="coolLink" target="_blank" href="http://student.csv.cmich.edu/">
<font color="#660033" style="font-size: 11pt">My Webmail</font></a><font style="font-size: 11pt"><br />
  · </font></a>
</BODY>
</HTML>

**msimmons** · Nov 1st, 2002, 12:15 PM

oh, you have to take out the 'style="text-decoration:none;"' from the link itself cos it will override the class.

Thread: Mouseover, change text underline

Thread Tools

Display

Mouseover, change text underline

Posting Permissions