Sunshine81 Posted December 5, 2006 Share Posted December 5, 2006 I'm very new to css and and i'm having issues with having two different classes for hovering over links.This is the website:http://www.flatballphoto.co.uk/lpdc/index.phpThis is the relevant css: a:link { color: #15428D;}a:visited { color: #3A79E2;}a:hover { text-decoration: none;}a.menulink { color: #ffffff; font-weight: bold; font-size: 12px; text-decoration: none; padding: 3px; font-variant: small-caps; text-align: centre;}a.menulink:visited { color: #ffffff;}a.menulink:hovor { text-decoration: underline; background-color: #000000;} The links in the main text should have an underline which will disappear when the link is hovered over. The links in the menu should have no text decoration but should have an underline (and hopefully an overline too) when they are hovered over.This is what i have in the css file but i can't work out why it doesn't work. The classes seem to be allocated properly so i'm baffled, what am i doing wrong? Link to comment Share on other sites More sharing options...
jesh Posted December 5, 2006 Share Posted December 5, 2006 First, try changing a.menulink:hovor to a.menulink:hover. Link to comment Share on other sites More sharing options...
quackquack Posted December 5, 2006 Share Posted December 5, 2006 I'm very new to css and and i'm having issues with having two different classes for hovering over links.This is the website:http://www.flatballphoto.co.uk/lpdc/index.phpThis is the relevant css:a:link { color: #15428D;}a:visited { color: #3A79E2;}a:hover { text-decoration: none;}a.menulink { color: #ffffff; font-weight: bold; font-size: 12px; text-decoration: none; padding: 3px; font-variant: small-caps; text-align: centre;}a.menulink:visited { color: #ffffff;}a.menulink:hovor { text-decoration: underline; background-color: #000000;} The links in the main text should have an underline which will disappear when the link is hovered over. The links in the menu should have no text decoration but should have an underline (and hopefully an overline too) when they are hovered over.This is what i have in the css file but i can't work out why it doesn't work. The classes seem to be allocated properly so i'm baffled, what am i doing wrong? There's no problem w/ the hover, I just saw the link having no underline when hovered Link to comment Share on other sites More sharing options...
Sunshine81 Posted December 5, 2006 Author Share Posted December 5, 2006 First, try changing a.menulink:hovor to a.menulink:hover.Haha! I spent ages looking at that code! I just loooove it when it's something simple to fix though. =) Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now