Question

I think I am being particularly stupid. I have a link, which is part of a nav bar. It picks up the hover/visited style but for some reason i cannot fathom it won’t use the ‘link’ style, what am I doing wrong? Here is the style sheet and tags:

<table border="1" cellpadding="0" cellspacing="0" style="width:950px;height:37px;">
                        <tr>
                            <td style="width:157px;height:37px; line-height:37px;">
                                <span class="test">
                                    <a href="Default.aspx">Home</a>
                                </span>
                            </td>...

css:

.test a:link {
background-image: url('Images/Button_Home.png');
display:block;
font-family:Arial;
font-size:9pt;
font-weight:bold;
color:#000;
text-align:center;
vertical-align:middle;
text-decoration:none;
}

.test a:hover {
background-image: url('Images/Button_Over.png');
display:block;
font-family:Arial;
font-size:9pt;
font-weight:bold;
color:#000;
text-align:center;
vertical-align:middle;
text-decoration:none;
}

.test a:active{
display:block;
text-align:left;
}

I checked really thoroughly and nothing is (should) be interfering with this, in fact on this page there are only 3 link, no other styles, nothing, ugh.

thanks R.

Answer 1

Maybe it was already visited. Try this:

.test a:link, .test a:visited {
... style rules ...
}