mouseover question....

liunx · Jan 9, 2008

how do i make a link without an underline, and changes colors when you mouseover?..... help, anyone?.....you should use CSS 
 
A {color: #0000aa; text-decoration:none;} 
A:visited{color: #0000aa; text-decoration:underline;} 
A:hover{color: #ff0000; text-decoration:underline;} 
A:active {color: #dd0000; text-decoration:underline;}change the text-decoration to "none" if you do not want underlines. 
 
A {color: #0000aa; text-decoration:none;} 
A:visited {color: #0000aa; text-decoration:none;} 
A:hover {color: #ff0000; text-decoration:none;} 
A:active {color: #dd0000; text-decoration:none;} 
 
Also note that "hover" only works in IE browsers. NS users will not see a color change on mouse over.well..... it's not workin for some reason.... here's my code..... 
also.... how do i get the mouse over effects with javascript?....

.....<html> 
<head> 
 
<style type="css/text"> 
 
A {color: #0000aa; text-decoration:none;} 
A:visited {color: #0000aa; text-decoration:none;} 
A:hover {color: #f9dbdb; text-decoration:none;} 
A:active {color: #dd0000; text-decoration:none;} 
 
 
</style> 
 
</head> 
 
<body> 
<a href=http://www.htmlforums.com/archive/index.php/"main.htm">blah blah</a> 
<a href=http://www.htmlforums.com/archive/index.php/"main.htm">blah blah</a> 
 
</body> 
 
</html>This's a right code 
 
<style> 
 
A {color: #0000aa; text-decoration:none;} 
A:visited {color: #0000aa; text-decoration:none;} 
A:hover {color: #f9dbdb; text-decoration:none;} 
A:active {color: #dd0000; text-decoration:none;} 
 
 
</style> 
 
</head> 
 
<body> 
<a href=http://www.htmlforums.com/archive/index.php/"main.htm">blah blah</a> 
<a href=http://www.htmlforums.com/archive/index.php/"main.htm">blah blah</a> 
 
</body> 
 
</html>

ok guys, here is you weekend quiz, what is wrong with the style code mofromofro posted? Why does this not work... 
 
<style type="css/text"> 
 
A {color: #0000aa; text-decoration:none;} 
A:visited {color: #0000aa; text-decoration:none;} 
A:hover {color: #f9dbdb; text-decoration:none;} 
A:active {color: #dd0000; text-decoration:none;} 
 
 
</style> 
 
Post your answer. I know whats wrong with it, you've got til Monday

, if no one guesses it, i'll post it.I answered , please del type="css/text" in the tagNo cigar just yet, it is a "work around", but not the answer.It works for me when del that tags 
 
seem i misunderstood , okie i'll wait till monday

I can be such a silly goose sometimes.... thanks guys.....Do we win a prize if we answer it correctly?

Yup, the prize is being able to work out the error and feel good about it as it seems no one can work it out.

Today is Monday Ian

. I'm siting here waiting for you . 
 
I was wondering that did you mean the oder of a:*** tags ? 
 
I want to get the prize ( perhaps a G4 , right ?

)Your right, its monday.

Well you were part way there, the error was in this part <style type="css/text"> , and by removing type="css/text" did make it work, but you never said what was wrong with that part to stop it from functioning correctly. 
The answer is that it is around the wrong way. The "text" should be first in all "type" tags of this kind. Simply change it round and it will function fine. 
 
 
<style type="text/css"> 
 
A {color: #0000aa; text-decoration:none;} 
A:visited {color: #0000aa; text-decoration:none;} 
A:hover {color: #f9dbdb; text-decoration:none;} 
A:active {color: #dd0000; text-decoration:none;} 
 
 
</style> 
 
Try it. 
A very simple coding error that can trip you up and one that you would be sure to overlook every time. !Hi! 
 
I was aware of that, but I was so lazy to post. . . .hahhahahah yeah , I wasn't seriously tracing it

, damn .

mouseover question....

liunx

Guest