Good day everyone. I’m having some css issues here, which I’ve never encountered. For some reason, when I apply link attributes to text, the font sizes are shrinking down. Here is my css.
#glossaryHeader {
width:675px;
background-color:#d7dced;
border:solid;
border-width:1px;
border-color:#74A837;
padding:10px;
text-align:center;
letter-spacing:5px;
font-family:Arial, Helvetica, sans-serif;
font-size:15px;
}
.glossaryHeaderText {
font-family:Arial, Helvetica, sans-serif;
font-size:15px;
color:#999999;
}
a.glossaryHeaderText:link {
font-family:Arial, Helvetica, sans-serif;
font-size:15px;
color:#364EA6;
}
a.glossaryHeaderText:hover {
font-family:Arial, Helvetica, sans-serif;
font-size:15px;
color:#999999;
}
a.glossaryHeaderText:active {
font-family:Arial, Helvetica, sans-serif;
font-size:15px;
color:#999999;
}
a.glossaryHeaderText:visited {
font-family:Arial, Helvetica, sans-serif;
font-size:15px;
color:#999999;
}
a.glossaryHeaderText:focus {
font-family:Arial, Helvetica, sans-serif;
font-size:15px;
color:#999999;
}
The problem can be seen here, www.noreign.com/nms. From here, click on Glossary. I’ve always done CSS links this way and I have never had this problem before. You’ll notice the letters in the bar that are links, are shrunken, but the code is not telling them to do this. Why is this happening? Thanks you guys.
JP311
