Jump to content
Sign in to follow this  
robromanodc

Quite Specific Css Link Question

Recommended Posts

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.

Share this post


Link to post
Share on other sites

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.

Share this post


Link to post
Share on other sites

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;

Share this post


Link to post
Share on other sites

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!

Share this post


Link to post
Share on other sites

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.

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Sign in to follow this  

×
×
  • Create New...