CSS Issue - Can you help me please? [Archive]

Webnauts

11-01-2003, 11:18 AM

For the sake of the accessibility of my web site, I use by quotes the tag <q>. Though, while the symbols "..." do not appear in IE, I have added them manualy.

Though in Opera in looks like this: ""..."" - DOUBLE!

Is there a way in CSS to fix this problem?

Example see here: http://www.webnauts.net/css_final/accessibility.shtml

Thanks in advance for your help!

Narasinha

11-01-2003, 01:18 PM

For the sake of the accessibility of my web site, I use by quotes the tag <q>. Though, while the symbols "..." do not appear in IE, I have added them manualy.

Though in Opera in looks like this: ""..."" - DOUBLE!

In looking at the page with Opera 7.21 I only see single quotation marks around the quoted text. I notice the <span> container you placed around the marks. Did that solve the problem?

Internet Explorer does not place the quotation marks around quoted text, but Opera does. MOzilla Firebird also adds them. Did it double them without the <span> container?

I have used the <q>quote</q> tag on my home page. I did add the cite="source" attribute to the one I used. I have <q cite="http://dictionary.reference.com">definition</q> but as far as I know, only Netscape 6+ uses this attribute so far.

I did just find the CSS used to control the quotation marks, but it doesn't solve your initial problem:

q:before { content: "\0022" } q:after { content: "\0022" }

- OR - (for 2 levels of quote embedding)

* { quotes: "\0022" "\0022" "'" "'" }
q:before { content: open-quote }
q:after { content: close-quote }

The only problem is that this does not seem to have any effect on Internet Explorer. It does have the desired effect in Opera and Firebird, letting you choose the quotation characters which will be used. Check http://www.eskimo.com/~bloo/indexdot/css/properties/generate/quotes.htm for further information.

Hope this helps,
Narasinha