R
Rich West
Can anyone tell me what I'm doing wrong here? I'd like to add a background
image as a rollover in the hover condition (mouse over). I've tried the
following code and it works in NS7 but not in IE6.
Here's what I put in the style sheet. The links are <a> elements in the div
named menu.
div#menu a:link {
display: block;
margin: 14;
color: #65786D;
font-size: 14pt;
font-family: Arial, Helvetica, sans-serif;
text-decoration: none;
}
div#menu a:visited {
display: block;
margin: 14;
color: #65786D;
font-size: 14pt;
font-family: Arial, Helvetica, sans-serif;
text-decoration: none;
}
div#menu a:hover {
display: block;
margin: 14;
color: #65786D;
font-size: 14pt;
font-family: Arial, Helvetica, sans-serif;
text-decoration: none;
background-image: url(mtxtbkg.jpg);
}
Also, do I need to repeat all the code for each case? Or just what changes?
Do I need a style for the a element alone?
Thanks in advance for your help.
image as a rollover in the hover condition (mouse over). I've tried the
following code and it works in NS7 but not in IE6.
Here's what I put in the style sheet. The links are <a> elements in the div
named menu.
div#menu a:link {
display: block;
margin: 14;
color: #65786D;
font-size: 14pt;
font-family: Arial, Helvetica, sans-serif;
text-decoration: none;
}
div#menu a:visited {
display: block;
margin: 14;
color: #65786D;
font-size: 14pt;
font-family: Arial, Helvetica, sans-serif;
text-decoration: none;
}
div#menu a:hover {
display: block;
margin: 14;
color: #65786D;
font-size: 14pt;
font-family: Arial, Helvetica, sans-serif;
text-decoration: none;
background-image: url(mtxtbkg.jpg);
}
Also, do I need to repeat all the code for each case? Or just what changes?
Do I need a style for the a element alone?
Thanks in advance for your help.