I am having a problem with Windows IE6. Someone on a Mac says the below works fine.
The link seems to be working, but the hover is not. Please help!
a.subMenu:link {
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 12px;
color: #006BB6;
text-decoration: none;
}
a.subMenu:hover {
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 12px;
color: #E9212A;
text-decoration: underline;
}
<a href=http://www.webdeveloper.com/forum/archive/index.php/"ProductLines.html" class="subMenu">Product Lines</a>It seems to work fine on my copy of IE 6/Win98 both in valid (XHTML 1.0) and invalid documents. Perhaps some other CSS is conflicting with what you have shown - could you post a link to the page with the error?
Alternately, can anyone else replicate it with a slightly different setup?
AdamHere is the link to a page using this class. Lokk at the 3 links on the left side of the page.
<!-- m --><a class="postlink" href="http://www.relevate.ca/amw/ProductLines.htmlIn">http://www.relevate.ca/amw/ProductLines.htmlIn</a><!-- m --> your CSS file, a.subMenu:visited is below a.subMenu:hover and is therefore overriding it - thus which links change depends on the browser history. For best results, you probably want to use this order:
:link
:visited
:hover
:active
Which is traditionally given the mnemonic LoVe-HAte.
AdamThat was it! Many thanks!
The link seems to be working, but the hover is not. Please help!
a.subMenu:link {
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 12px;
color: #006BB6;
text-decoration: none;
}
a.subMenu:hover {
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 12px;
color: #E9212A;
text-decoration: underline;
}
<a href=http://www.webdeveloper.com/forum/archive/index.php/"ProductLines.html" class="subMenu">Product Lines</a>It seems to work fine on my copy of IE 6/Win98 both in valid (XHTML 1.0) and invalid documents. Perhaps some other CSS is conflicting with what you have shown - could you post a link to the page with the error?
Alternately, can anyone else replicate it with a slightly different setup?
AdamHere is the link to a page using this class. Lokk at the 3 links on the left side of the page.
<!-- m --><a class="postlink" href="http://www.relevate.ca/amw/ProductLines.htmlIn">http://www.relevate.ca/amw/ProductLines.htmlIn</a><!-- m --> your CSS file, a.subMenu:visited is below a.subMenu:hover and is therefore overriding it - thus which links change depends on the browser history. For best results, you probably want to use this order:
:link
:visited
:hover
:active
Which is traditionally given the mnemonic LoVe-HAte.
AdamThat was it! Many thanks!