alrite you know how you can make a link change color when u scroll over it using either alink or a:hover? alrite i was wondering how to make plain text change color when you hover over it. like the text color is like red or w/e so <font color="#FF0000">TEXT</font> how can i make it so that the text changes to like a bright bright red when you hover over it? like <font hover="#FFCCCC"> except <font hover> doesnt work....Your html
<html>
<head>
<link href=http://www.webdeveloper.com/forum/archive/index.php/"style.css" rel="stylesheet" type="text/css">
</head>
<body>
<p><a href=http://www.webdeveloper.com/forum/archive/index.php/"#" target="_self">Text link</a></p>
</body>
</html>
and your css: (style.css)
p {
color:#FF0000
}
p a:hover{
color:#FFCCCC;
}
Using CSS gives you more freedom to alter colors, etc.
3Pinterit will still be a link that.
hover is css's equivalent to onmouseover.
but hover is limited to links, while onmouseover has no limits.
<span style="color:#FF0000" onmouseover="this.color='#FFCCCC'" onmouseout="this.color='#FF0000'">Text</span>
can be used.:hover is only limited to links in old browsers, like IE6.
Three ways to simulate :hover in IE:
<!-- m --><a class="postlink" href="http://dean.edwards.name/IE7/">http://dean.edwards.name/IE7/</a><!-- m -->
<!-- m --><a class="postlink" href="http://www.htmldog.com/articles/suckerfish/">http://www.htmldog.com/articles/suckerfish/</a><!-- m -->
whatever:hover (<!-- m --><a class="postlink" href="http://www.xs4all.nl/~peterned/csshover.html">http://www.xs4all.nl/~peterned/csshover.html</a><!-- m -->)
<html>
<head>
<link href=http://www.webdeveloper.com/forum/archive/index.php/"style.css" rel="stylesheet" type="text/css">
</head>
<body>
<p><a href=http://www.webdeveloper.com/forum/archive/index.php/"#" target="_self">Text link</a></p>
</body>
</html>
and your css: (style.css)
p {
color:#FF0000
}
p a:hover{
color:#FFCCCC;
}
Using CSS gives you more freedom to alter colors, etc.
3Pinterit will still be a link that.
hover is css's equivalent to onmouseover.
but hover is limited to links, while onmouseover has no limits.
<span style="color:#FF0000" onmouseover="this.color='#FFCCCC'" onmouseout="this.color='#FF0000'">Text</span>
can be used.:hover is only limited to links in old browsers, like IE6.
Three ways to simulate :hover in IE:
<!-- m --><a class="postlink" href="http://dean.edwards.name/IE7/">http://dean.edwards.name/IE7/</a><!-- m -->
<!-- m --><a class="postlink" href="http://www.htmldog.com/articles/suckerfish/">http://www.htmldog.com/articles/suckerfish/</a><!-- m -->
whatever:hover (<!-- m --><a class="postlink" href="http://www.xs4all.nl/~peterned/csshover.html">http://www.xs4all.nl/~peterned/csshover.html</a><!-- m -->)