Jump to content

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.

Link to comment
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;




border-width: 4px;

Link to comment
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.

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.

  • Create New...