Search code examples
csshrefclickable

CSS - Hyperlinks aren't going anywhere

For some reason that I've been trying to figure out, the links on my page are clickable, but aren't actually going anywhere. The markup itself looks fine, and I can't figure out if there's some issue with the css that is rendering them useless. I recently added in a z-index for the a tag, but, that had no effect. Note: The css below is taken from Firebug, not the actual stylesheet...

Markup:

<li class="">
  <span id="thmr_93" class="thmr_call">
  <a href="/edit/1">Edit</a>
  </span>
</li>

CSS:

.tabs ul.primary, .tabs ul.primary li {
    float:left;
    line-height:normal;
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
    margin:0;
    padding:0;
    text-align:left;
}

.tabs ul.primary li a {
    color:#008080;
    text-decoration:none;
    height:30px;
    line-height:30px;
    margin:10px;
    width:100%;
    z-index:100;
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
    text-align:left;
}
Solution

  • I am going to guess, based on the names of the classes (.tabs ... etc) that there is JavaScript on the page trying to make the tabs act like dynamic tabs.

    Try removing all the <script> tags from the page (normally they are all in the head or at the bottom of the page) and seeing if it works.

    If that fixes it, than something on your page is taking control of your markup to add functionality. Look for files named tabs.js or jquery-ui.js etc. Any of those could cause that problem.