Hello, Can someone help me with this, I would like to change the colors for the links link,visited, hover and all the links should be white color: #FFFFFF what is the HTML code that will override the CSS values? thank you
I'm not sure what you think but you can change color of links by this: a { // here goes styling of link not visited and nod hovered // some attributes you can use here: color, background-color, text-decoration, font-weight, text-indent, font-size, font-family etc } a:hover { // styling of hovered link // attributes: same as above... } and more.. you can style visited links, active links and more... I hope you get it.
If it's a custom style, then do the same thing as risoknop advised, but change it to: a.customname:link, a.customname:hover, a.customname:visited, a.customname:active instead of just a:link, etc. Hope that helps
Think he wants the HTML code to override the CSS. Which isn't going to happen. Might work for a:link if he inlines the style. Doing :hover doesn't work if color is defined in FF at least. Here's the test code. The last one does close to what the OP stated(note I don't endorse this): <html> <head> <style> a:link { color: blue; } a:hover { color: red; } </style> </head> <body> <a href="#">Text link without override</a> <a href="#" style="color:black;">Text link with override</a> <font color="green"><a href="#">Text link with font tag</a></font> <a href="#" style="{color:green} :hover{color:orange}">Text link with font tag</a> </body> </html> Code (markup): Added: IE 6 doesn't do it either.
yes, i have done on the html side, but is there a way to change the link colors on the css file itself? I have: .footer { font-family: Verdana; font-size: 11px; font-weight: normal; color: #FFFFFF; so why if i add visited: #FFFFFF it dosen't change the visited link color? or the link colors can't be changed just for this footer section? thank you
Try .footer { font-family: Verdana; font-size: 11px; font-weight: normal; color: #FFF; } .footer a{ font-family: Verdana; font-size: 11px; font-weight: normal; color: #FFF; text-decoration: underline; } .footer a:hover{ color: #FFF; text-decoration: none; } Code (markup): That should work, and then you can edit as you need. (if I read and understood your post correctly) Side Note: This will affect ALL link's contained in the footer.
write this on your css page .class a:link { color: white; } .class a:hover { color: white; } .class a:visited { color: white; } .class a:active { color: white; } replace "class" with your actual class name. No need to change "white", browser automatically converts them to #ffffff.
Yes, that's the "font-weight: normal;" line, just change it to "font-weight: bold;" and you should be good to go.
Hello, I have just realized that this solution did work great with IE7, but i was testing my site using firefox, and all the links visited, hover, etc are not ok when using firefox, any idea why? than you
Is there something wrapping the link? ... div,span td, etc... Example for TD>Strong .footer>td>strong>a:link { color: #FFFFFF; } .footer>td>strong>a:hover { color: #FFFFFF; } .footer>td>strong>a:visited { color: #FFFFFF; } .footer>td>strong>a:active { color: #FFFFFF; } Try that... Something like that. This would be a lot easier if we could view the page.
Do this instead: Example for TD>Strong .footer>td>strong>a:link, a:hover, a:active, a:visited { color: #FFFFFF; }