robromanodc Posted October 13, 2010 Share Posted October 13, 2010 I am trying to get my website up and running. I am pretty good with HTML and CSS, been making sites for a number of years (hobby, not a job). At ParkBenchChiropractic.com there is a navigation bar below the header with common links and a facebook link. The text links have a hover effect applied to them with CSS. The code is very similar to the CSS used for the hover effect I used on the sidebar on the same pages. The sidebar works as designed, with no underline when I hover over a link. The top navbar, though, persists in underlining when I hover despite using "a:hover {text-decoration:none;}" in my code. The HTML pages are all the pages at parkbenchchiropractic.com, and the CSS which these pages reference is at http://www.parkbenchchiropractic.com/static.css If anyone has any interest in this and wouldn't mind being a fresh pair of eyes for me and perusing my code, please feel free!! I am stumped and have been trying to figure this out for a few days now with no luck. It's probably something obvious, but I can't get it. As a note, the links all display correctly in the newest version or IE, but not Firefox. Quote Link to comment Share on other sites More sharing options...
robromanodc Posted October 13, 2010 Author Share Posted October 13, 2010 I know this isn't quite hosting related but I thought this was a good place. If not, sorry... Quote Link to comment Share on other sites More sharing options...
TCH-Bruce Posted October 13, 2010 Share Posted October 13, 2010 Welcome to the forums robromanodc I've had a look and cannot see where you went wrong. I tried a few things and it still kept the underline. Quote Link to comment Share on other sites More sharing options...
TCH-Thomas Posted October 13, 2010 Share Posted October 13, 2010 Welcome to the forum, robromanodc. Quote Link to comment Share on other sites More sharing options...
OJB Posted October 13, 2010 Share Posted October 13, 2010 The problem is being caused by this style: border-width: 5px 5px 5px 5px; On line 4 of static.css In combination with border-collapse: collapse; No idea why that is happening. It is one of the most bizarre things I have seen in years of CSS. A quick fix is to change border-width: 5px 5px 5px 5px; to border-width: 4px; Quote Link to comment Share on other sites More sharing options...
robromanodc Posted October 13, 2010 Author Share Posted October 13, 2010 Thanks!!! I am out right now but once I get home I will try this fix. Thanks for the welcome, too, I'm actually a returning customer with a new screen name! Quote Link to comment Share on other sites More sharing options...
robromanodc Posted October 13, 2010 Author Share Posted October 13, 2010 OJB, great info! Thanks. You just saved me countless hours of trying all sorts of other things. And Thomas & Bruce, thanks for the warm welcome. Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.