Howdy folks! I have been working on my high school's website for a while, and I've been having some issues with some of the coding of the site. For your reference, here's the site; Lancaster High School - Home of the Red Devils On that site I use CSS, and one of the things that the CSS does is to make the links change color when the cursor hovers over them. For the most part, this works. However, it will NOT work on the main links at the top of the page "Home, Academics, Athletics..." The coding is virtually the same as the rest of the site, so I can't figure out what the deal is. I originally did the code years ago when I made my own site: Matt Brent - All About Matt Brent. I essentially just copied it and changed the colors from green to red. If anyone has some spare time and would like to look at the css to help me figure out the issue, I'd appreciate it! Thanks! Matt
In your CSS file it looks like you need to change this: .mainbody table tr td a:hover {text-decoration: none; font-weight: bold; margin: 2px 2px 2px 2px; background: red; color: #FFFFFF; font-size: 1em;} to this: .mainbody table tr td a:hover {text-decoration: none; font-weight: bold; margin: 2px 2px 2px 2px; background: white; color: #FF0000; font-size: 1em;} And this: .mainbody a:hover {text-decoration: none; font-weight: bold; margin: 2px 2px 2px 2px; background: red; color: #FFFFFF; font-size: 1em;} to this: .mainbody a:hover {text-decoration: none; font-weight: bold; margin: 2px 2px 2px 2px; background: white; color: #FF0000; font-size: 1em;} However, since you have a red background, you might see red in between the top bar menu options. You'll either have to put blank white spaces in between or change your background to white. Anyways, hope this helps (and more importantly works!).