Sent by Tim Rivera on 18 October 2002 00:12
> > Just one of the improvements that could be made would be to have one
> > definition at the top:
> >
> > a { font-size: 70%;}
> >
> > which would also solve the problem in Opera6, which is apparently
> > compounding the 70% of A and the 70% of A:HOVER
>
>
> Should I use ems instead of % for my fonts?
That would not fix the problem, as both are relative to the font size of the
parent element. What you should do is remove the redundancy, which could be
accomplished by moving common properties to the common element, and removing
properties already declared for the parent element. Doing so will allow you
to take advantage of the "cascade". If you were to reduce your current "top
level navigation" styles to the styles below, the only difference you'd see
would be the desired font size in Opera.
a.navbar {
color: #FFF;
background: #52361B url(../header2002/buttonOff.png);
border: 1px solid #666;
padding-right: 4px;
padding-left: 4px;
text-decoration: none;
/* font-size: 70%; causes problems if already declared for parent */
font-weight: bold;
}
a.navbar:hover {
color: #52361B;
background: #FFC url(../header2002/buttonOn.png);
}
Tim
