kchayka said:
Thanks for pointing that out, it's a condition I should test more often.
Most font sizes were already close to default anyway so the issues
were easily corrected.
Much better
Now, what about the bannar. That "PACER Center" is very
Seems to me this little demo does show that if you are going to invoke
any user styles, you do take some risks simply by overriding some
things, but not all.
Seems to me that the KISS principle applies. Each time one uses a style rule
or property or an HTML element or attribute one should ask: Why am I doing
this?. If there is not a very positive answer than don't do it.
Look at that banner. Hmmm. There is a div in there enclosing a span, both of
which are styled. This construct is presumably to make the text look
centred both horizontally and vertically. Do we need all of this? Probably
not. A simple
..bannar {text-align: center; height: 2em; padding-top: .4em; font-size:
250%;}
<h1 class="bannar">PACER Center</h1>
works for me.
It degrades better if the viewer has chosen to ignore font sizes. It works
better in aural browsers who can hear that it is a heading element. SE
spiders just may give the words higher importance. It works better in lynx
It is far easier to maintain, the next bloke that looks at the code will see
at a glance what is going on, rather than mentally decoding a div, a span, a
..mhead rule and a .mhead span rule and trying to visualise what the merged
result is going to be (thinks... now what is that line-height actually
doing?).
More importantly, that bloke may just look at the HTML and think: hmmm, that
span isn't needed, I'll just remove it. Bang...
Cheers
Richard.
