I have 'inherited' some css and have tried to make some changes. What I have is: .footerlink a:link { color: #FFFFFF; font-family: Arial, Geneva, Arial, Helvetica, sans-serif; font-size: 8pt; text-decoration: none } .footerlink a:focus { color: #FFFFFF; font-family: Arial, Geneva, Arial, Helvetica, sans-serif; font-size: 8pt; text-decoration: none } .footerlink a:hover { color: #FFFFFF; font-family: Arial, Geneva, Arial, Helvetica, sans-serif; font-size: 8pt; text-decoration: underline } .footerlink a:active { color: #FFFFFF; font-family: Arial, Geneva, Arial, Helvetica, sans-serif; font-size: 8pt; text-decoration: none } What I was expecting was that the text that is hyper linked would be white (#FFFFFF) and would not be underlined, when the text is hovered over it would then appear underlined. (and be white) What I got was the hyper linked text was the usual blue color and also underlined and when hovered over the text appeared white and underlined. Can anyone tell me what changes will need to be made to the css code to produce the behavior that I am after?, Namely: The text that is hyper linked will display white (#FFFFFF) and not the hyper linked blue color and will not be underlined and when the text is hovered over it will appear underlined and remain white. Thanks in advance,
1. put that coding below any coding for links in your CSS. If it is above the later styles are overriding these. 2. Check to see if there are any link styles in the head section or inline styles overriding this.
Try this. a.footerlink:link { color: #FFFFFF; font-family: Arial, Geneva, Arial, Helvetica, sans-serif; font-size: 8pt; text-decoration: none; } a.footerlink:visited { color: #FFFFFF; font-family: Arial, Geneva, Arial, Helvetica, sans-serif; font-size: 8pt; text-decoration: none; } a.footerlink:hover { color: #FFFFFF; font-family: Arial, Geneva, Arial, Helvetica, sans-serif; font-size: 8pt; text-decoration: underline; } a.footerlink:active { color: #FFFFFF; font-family: Arial, Geneva, Arial, Helvetica, sans-serif; font-size: 8pt; text-decoration: none; } Code (markup):
Even better: a.footerlink:link, a.footerlink:visited, a.footerlink:hover, a.footerlink:active { color: #FFFFFF; font-family: Arial, Geneva, Arial, Helvetica, sans-serif; font-size: 8pt; text-decoration: none; } a.footerlink:hover { text-decoration: underline; } Code (markup):