Sent by Edwardson Tan on 27 May 2002 03:03
> Mark Pilgrim has a pretty thourough weblog entry about the q tag and
> dealing with IE. of course, he starts out by recommending that you
> manually add the quote marks, and pretty much give up on the q tag,
> but he goes on to recommend what someone else has already mentioned....
>
> http://diveintomark.org/archives/2002/05/04.html#the_q_tag
>
> Elaine Nelson
>
Thanks for the site Elaine. Visited and adapted the code as follows:
q
{
quotes: '?' '?' "?" "?";
quotes: '\201C' '\201D' "\2018" "\2019"; /* an alternative, as someone
in this list suggested */
font-style: italic; /* for IE only */
}
q:before
{
content: open-quote;
}
q:after
{
content: close-quote;
}
* > q /* override the above font-style for all instances of q */
{
font-style: normal;
}
Seems Mozilla doesn't implement the second pair of quote marks (single
quotes for nested <q>) but Opera 6 does. So I added the following to
nudge Mozilla.
q > q:before
{
content: "\2018";
}
q > q:after
{
content: "\2019";
}
Finally, something decent displays on most browsers.
Compromises, compromises. :-)
Edwardson
