| | hi, how do you make the linkcolor fade to another color when pointing your cursor to the link? It's a rather short description of my question, but i hope it's clear  .More tips and tricks are welcome... |
|
|
|
Put this is <head>:
CODE <style type="text/css"> A:link {text-decoration: none} A:visited {text-decoration: none} A:active {text-decoration: none} A:hover {text-decoration: underline; color: red;} </style> Change red to whatever colour you want it to be. Find more: http://www.google.com/search?hl=en&q=hover+link+css
The order you put them in is important though. So remember, when if comes to pseudo classes: LoVe HAte (link, visited, hover, active)
The order is not importsnt is it? ive never had any problems...
The point is that if you order it, for instance, like so: link active hover visited then visited would override hover, and so when you would hover over a visited link you wouldn't see the hover style, because the visited style is declared later than the hover style and therefor overrides it. I'm not sure I'm explaining properly, so I'll expand. I'll use a shorthand form (L means ":link" and so on). When you have a link it will fall under just L and not under A, H or V. When the visitor has clicked on it, it becomes visited and falls under both L and V. CSS works so that the last style declaration overrides older ones, so if you have p { background-color:#fff; border:1px solid #f0f;} p { background-color:#000; } The background for 'p' would be #000 (black) with a #f0f (magenta) border, because last rule the parser encountered overrides any earlier rules. Same thing with pseudo classes like hover. So, when the visitor has visited a link and then hovers over it, the link falls into L V and H! Oh dear! So the parser checks the styles for a:L, a:V and a:H and applies them in the order they are typed in the stylesheet. At least I'm guessing that is what is/could be causing problems sometimes. Of course if you don't want visited links to have hover styles then the appropriate order would be to have H before V. And I'm guessing you could (probably doesn't work in IE, but you never know) do something like: a:link{...} a:hover{...} a:active{...} a:visited{...} a:visted:hover{...} to get special styling for visited links you're hovering over.
Similar Topics
Keywords : fade link
/smile.gif' border='0' style='vertical-align:middle' alt='smile.gif' /> post it on ur website This is another refresh problem question. The project I'm doing uses tons of frames (I know, I have an online application Form that multiple groups use from their own webpages. I would like the Is there a way to make a link that actually creates a desktop shortcut? I have a page that gives Ok its a big problem to me, i need to make my drop down menus options link to a web page. I know i Hey all, i dont know how easy this is to do or whether it can be done just using HTML or whatever. Hi i find this web site you can learn html lan very fast and very easy woow i found it many Wee... Another question: How can I make that clicking on a specific link expand to something? Looking for fade, link, color
|
|
 Fade Link Color |
| ADD REPLY / Got an Opinion! | a humble request :-) | RAPID SEARCH! | Free Hosting | [X] |
|
Express your Opinions, Thoughts or Contribute more info. to help others. Ask your Doubts & Queries to get answers, So that "Together We can help others!" |
Register FREE for AD-FREE forum, Create your own topics, Ask Questions, track topics, setup subscriptions & notifications and Get a Free Website w/ Email and FTP. | 500MB Space *No Ads*, CPanel, FTP, PHP, MySQL, EMails - 100% FREE |
|