This is Interesting: Free Magazines for Graphics designers and webmasters  


Home > Archive > Stylesheets > September 2005 > "Font-variant: Normal" won't take effect





You are viewing an archived Text-only version of the thread. To view this thread in it's original format and/or if you want to reply to this thread please [click here]

Author "Font-variant: Normal" won't take effect
David Trimboli

2005-09-26, 6:49 pm

If you look at http://www.trimboli.name/klingon/, you'll see that the
headers on the page are displayed in small-caps. Usually, this is
desired. However, the header "may'vaD ghuHmoH QoQ"* is surrounded by
<span lang="tlh"> ("tlh" for "tlhIngan Hol"), and I have put a
declaration of "font-variant: normal" in the main stylesheet. I can't
figure out why the Klingon title is still in small-caps. I want all
Klingon phrases to appear in normal text, never in small-caps. Can
anyone advise me?

The stylesheets applied to this page, in order, are
http://www.trimboli.name/styles/screen.css
http://www.trimboli.name/styles/klingon.css

David
Stardate 5737.3

*Approximate translation: "Music rouses one to battle."
Martin Honnen

2005-09-26, 6:49 pm



David Trimboli wrote:

> If you look at http://www.trimboli.name/klingon/, you'll see that the
> headers on the page are displayed in small-caps. Usually, this is
> desired. However, the header "may'vaD ghuHmoH QoQ"* is surrounded by
> <span lang="tlh"> ("tlh" for "tlhIngan Hol"), and I have put a
> declaration of "font-variant: normal" in the main stylesheet. I can't
> figure out why the Klingon title is still in small-caps. I want all
> Klingon phrases to appear in normal text, never in small-caps. Can


I have looked at it with the Mozilla DOM inspector and you have a <span>
element containing an <a> element. While the rules for the <span> are
setting font-variant as normal those on the <a> element result in the
<a> element having font-variant as small-caps.

--

Martin Honnen
http://JavaScript.FAQTs.com/
David Trimboli

2005-09-26, 6:49 pm

Martin Honnen wrote:
> David Trimboli wrote:
> I have looked at it with the Mozilla DOM inspector and you have a <span>
> element containing an <a> element. While the rules for the <span> are
> setting font-variant as normal those on the <a> element result in the
> <a> element having font-variant as small-caps.


Aha! I'll have to brush up on cascade order, I see. I just put the
<span> inside the <a>, and the <span> style won. Thanks!

David
Stardate 5738.2
Sponsored Links


Copyright 2003 - 2008 forum4designers.com  Software forum  Computer Hardware reviews