I have a set of five links, and the first one won't work. It doesn't do anything when you hover on it, and it doesn't work when it is clicked. Here's my CSS:
.sublinks {
position: relative;
top: 5%;
left: 5%;
width: 90%;
height: 90%;
background-color: transparent;
z-index: 3;
}
.sublinks a {
width: 100%;
font-family: Times New Roman, Times, serif;
font-size: 16px;
font-weight: bold;
cursor: pointer;
color: #6C2B29;
text-align: right;
text-decoration: none;
background-color: transparent;
padding: 0;
border-color: #6C2B29;
border-style: solid;
border-width: 0 0 2px 0;
display: block;
}
.sublinks a:hover, .sublinks a:active {
color: #BBBBBB;
border-color: #BBBBBB;
}
The other four links work perfectly, so I can't figure out what the problem is. The CSS is valid, and the page (XHTML) is also valid. Here's a link to the page:
<!-- m --><a class="postlink" href="http://www.radioactiverabbit.com/dbaudio/index.php">http://www.radioactiverabbit.com/dbaudio/index.php</a><!-- m -->
Thanks!<DIV id=top> is covering the first link because the z-index is wrong.
I don't think you need the z-index.
Use of z-index:2; twice is virtually pointless as is applying a z-index to a class, z-indicies are unique.Thanks, Fang! All set now. Works perfectly.
.sublinks {
position: relative;
top: 5%;
left: 5%;
width: 90%;
height: 90%;
background-color: transparent;
z-index: 3;
}
.sublinks a {
width: 100%;
font-family: Times New Roman, Times, serif;
font-size: 16px;
font-weight: bold;
cursor: pointer;
color: #6C2B29;
text-align: right;
text-decoration: none;
background-color: transparent;
padding: 0;
border-color: #6C2B29;
border-style: solid;
border-width: 0 0 2px 0;
display: block;
}
.sublinks a:hover, .sublinks a:active {
color: #BBBBBB;
border-color: #BBBBBB;
}
The other four links work perfectly, so I can't figure out what the problem is. The CSS is valid, and the page (XHTML) is also valid. Here's a link to the page:
<!-- m --><a class="postlink" href="http://www.radioactiverabbit.com/dbaudio/index.php">http://www.radioactiverabbit.com/dbaudio/index.php</a><!-- m -->
Thanks!<DIV id=top> is covering the first link because the z-index is wrong.
I don't think you need the z-index.
Use of z-index:2; twice is virtually pointless as is applying a z-index to a class, z-indicies are unique.Thanks, Fang! All set now. Works perfectly.