how to change text color on mouseover?

liunx

Guest
Hello everyone, This is my first time posting here. My question is : Would someone give me the script to change text color on mouseover link in a table?<!--content--><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"><br />
<html><br />
<head><br />
<title>link</title><br />
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1"><br />
<style type="text/css"><br />
<!--<br />
a:link {<br />
color: blue; /*normal color*/<br />
text-decoration: none;<br />
}<br />
a:visited {<br />
color: purple; /*visited color*/<br />
text-decoration: none;<br />
}<br />
a:hover {<br />
color: red; /*on-mouse-over color*/<br />
text-decoration: underline; /*set to none if you dont want underline*/<br />
}<br />
a:active {<br />
color: red; /*on-click color*/<br />
text-decoration: underline; /*set to none if you dont want underline*/<br />
}<br />
--><br />
</style><br />
</head><br />
<body><br />
<br />
<a href=http://www.webdeveloper.com/forum/archive/index.php/"#">Link</a><br />
<br />
</body><br />
</html><!--content-->Hi Strongbad, Thank you so much for the reply. Works great!<br />
btw love your website, got to hurry and go look at it some more.<!--content-->glad it works for ya.<br />
<br />
<br />
ps its not really my site... ;)<!--content-->Here is my site with the new links working....Check it out and let me know what you think. Any suggestions, greatly appreciated.<br />
<!-- m --><a class="postlink" href="http://www.geocities.com/ocean_wave38/homepage.html">http://www.geocities.com/ocean_wave38/homepage.html</a><!-- m --><!--content-->Hi unlimited,<br />
<br />
You have made some nice color choices and the site, overall, looks good. However, there are a few things that I would like to point out (pulled from your source):<br />
<br />
<br />
<STYLE type="text/css"><br />
BODY {scrollbar-3dlight-color:;<br />
scrollbar-arrow-color:;<br />
scrollbar-base-color:;<br />
scrollbar-track-color:#FFFFFF;<br />
scrollbar-darkshadow-color:;<br />
scrollbar-face-color:#3CB371;<br />
scrollbar-highlight-color:;<br />
scrollbar-shadow-color:}<br />
</STYLE><br />
<br />
<br />
This will only work in Internet Explorer and, therefore, is not a web standard (valid code).<br />
<br />
--------------------------------<br />
<br />
<div style="position:absolute;left:296;top:1645;width:79;height:22;"><br />
<table width=79 height=22 border=0 cellpadding=0 cellspacing=0><tr valign="top"><br />
<td><font color="#009999"><span style="font-size:14">Oceanwave</span></font></td><br />
</tr></table></div><br />
<div style="position:absolute;left:220;top:8;width:240;height:60;"><br />
<table width=240 height=60 border=0 cellpadding=0 cellspacing=0><tr valign="top"><br />
<td bgcolor="#CCFFFF"><b><i><font color="#009999" face="TimesRoman" size="+4"><span style="font-size:48">Oceanwave</span></font></b></i></td><br />
<br />
</tr></table></div><br />
<br />
I'm having some trouble understanding why you are using both DIVs and TABLEs to construct your menu; one or the other will do this (but DIVs with CSS would do the better job). Choosing one or the other will cut your bandwidth (site will load faster).<br />
<br />
--------------------------------------<br />
<br />
<br />
There are 6 (SIX!!!) body tags in your code! WHY??! There should only be one set. There are also many other duplicates in the document. That will cause some major problems with your site.<!--content-->
 
Back
Top