Tek-Tips is the largest IT community on the Internet today!
Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!
-
Congratulations Westi on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!
quotes in ie and gecko
- Thread starter generlam
- Start date
Try using css to define the style for the <q> tag (I am not sure how widely supported the <q> tag is actually).
Foamcow Heavy Industries - Web design and ranting
Toccoa Games - Day of Defeat gaming community
Target Marketing Communications - Advertising, Direct Marketing and Public Relations
"I'm making time
Code:
q {
font-style:italic;
font-weight:bold;
}Foamcow Heavy Industries - Web design and ranting
Toccoa Games - Day of Defeat gaming community
Target Marketing Communications - Advertising, Direct Marketing and Public Relations
"I'm making time
I misuderstood. 
IE doesn't understand the <q> tag does it. Hmm.
To be honest, I would simply use CSS to style my quote (don't use <i>) and include "
Foamcow Heavy Industries - Web design and ranting
Toccoa Games - Day of Defeat gaming community
Target Marketing Communications - Advertising, Direct Marketing and Public Relations
"I'm making time
IE doesn't understand the <q> tag does it. Hmm.
To be honest, I would simply use CSS to style my quote (don't use <i>) and include "
Foamcow Heavy Industries - Web design and ranting
Toccoa Games - Day of Defeat gaming community
Target Marketing Communications - Advertising, Direct Marketing and Public Relations
"I'm making time
- Thread starter
- #4
BillyRayPreachersSon
Programmer
Unfortunately, Microsoft has not adhered to the HTML specifications:
So personally, I would bodge it for IE with conditional comments that contain quotes. These take the form:
You can see the "before" and "after" effects when comparing the following code in both FF and IE:
Hope this helps,
Dan
[tt]D'ya think I got where I am today because I dress like Peter Pan here?[/tt]
![[banghead]](/data/assets/smilies/banghead.gif "[banghead] [banghead]")
W3C said:
So personally, I would bodge it for IE with conditional comments that contain quotes. These take the form:
Code:
<!--[if IE]>
<![endif]-->You can see the "before" and "after" effects when comparing the following code in both FF and IE:
Code:
<html>
<body>
And so I said to him <q lang="en-uk"><!--[if IE]>"<![endif]-->I have never been so exhausted after such a marathon session<!--[if IE]>"<![endif]--></q>
<br />
And so I said to him <q lang="en-uk">"I have never been so exhausted after such a marathon session"</q>
</body>
</html>Hope this helps,
Dan
[tt]D'ya think I got where I am today because I dress like Peter Pan here?[/tt]
I meant include " (or a character code) in the HTML.
I've used character codes in the past and never worried about the <q> tag. Pages validate OK. It's just not "proper" web standards I guess.
The simple fact is that IE doesn't understand the <q> tag properly and won't apply quote marks to it. You could use CSS to make <q> elements italic or whatever. This will display in IE. The drawback then is that browsers that DO understand it will put extra quotes around your HTML quotes!
I guess you could then use CSS to turn the quotes OFF for the <q> tag. At least then you are ready for the day that IE supports <q> properly.
It's a vicious circle!
Foamcow Heavy Industries - Web design and ranting
Toccoa Games - Day of Defeat gaming community
Target Marketing Communications - Advertising, Direct Marketing and Public Relations
"I'm making time
I've used character codes in the past and never worried about the <q> tag. Pages validate OK. It's just not "proper" web standards I guess.
The simple fact is that IE doesn't understand the <q> tag properly and won't apply quote marks to it. You could use CSS to make <q> elements italic or whatever. This will display in IE. The drawback then is that browsers that DO understand it will put extra quotes around your HTML quotes!
I guess you could then use CSS to turn the quotes OFF for the <q> tag. At least then you are ready for the day that IE supports <q> properly.
It's a vicious circle!
Foamcow Heavy Industries - Web design and ranting
Toccoa Games - Day of Defeat gaming community
Target Marketing Communications - Advertising, Direct Marketing and Public Relations
"I'm making time
BillyRayPreachersSon
Programmer
One note of caution, however...
The only drawback of that method is, as you can see, the quotes are not language-dependant. They will be fixed to the quotes given in the source, whereas the browser-inserted quotes should be dependant on the language of the quote (or document, if none is specified).
Dan
[tt]D'ya think I got where I am today because I dress like Peter Pan here?[/tt]
The only drawback of that method is, as you can see, the quotes are not language-dependant. They will be fixed to the quotes given in the source, whereas the browser-inserted quotes should be dependant on the language of the quote (or document, if none is specified).
Dan
[tt]D'ya think I got where I am today because I dress like Peter Pan here?[/tt]
and also, if IE7 supports <q> properly then you'll suffer the double quote problem.
as my granny used to say, "it's a reet bugger that"
Foamcow Heavy Industries - Web design and ranting
Toccoa Games - Day of Defeat gaming community
Target Marketing Communications - Advertising, Direct Marketing and Public Relations
"I'm making time
as my granny used to say, "it's a reet bugger that"
Foamcow Heavy Industries - Web design and ranting
Toccoa Games - Day of Defeat gaming community
Target Marketing Communications - Advertising, Direct Marketing and Public Relations
"I'm making time
BillyRayPreachersSon
Programmer
Then you can specify that the conditional comments only work for anything less than IE 7:
;o)
Dan
[tt]D'ya think I got where I am today because I dress like Peter Pan here?[/tt]
Code:
<!--[if lt IE 7]>;o)
Dan
[tt]D'ya think I got where I am today because I dress like Peter Pan here?[/tt]
Hmm.
I always feel suspicious about IE conditional comments
How about this for a more standards compliant solution?
Use a server side script (or even Javascript - might be more suitable) to sniff the browser and replace <q> with a left quote mark and </q> with a right quote mark.
That way the markup will still be standards compliant.
Foamcow Heavy Industries - Web design and ranting
Toccoa Games - Day of Defeat gaming community
Target Marketing Communications - Advertising, Direct Marketing and Public Relations
"I'm making time
I always feel suspicious about IE conditional comments
How about this for a more standards compliant solution?
Use a server side script (or even Javascript - might be more suitable) to sniff the browser and replace <q> with a left quote mark and </q> with a right quote mark.
That way the markup will still be standards compliant.
Foamcow Heavy Industries - Web design and ranting
Toccoa Games - Day of Defeat gaming community
Target Marketing Communications - Advertising, Direct Marketing and Public Relations
"I'm making time
BillyRayPreachersSon
Programmer
In fact - thought it made a good FAQ:
faq215-5846
Dan
[tt]D'ya think I got where I am today because I dress like Peter Pan here?[/tt]
faq215-5846
Dan
[tt]D'ya think I got where I am today because I dress like Peter Pan here?[/tt]
BillyRayPreachersSon
Programmer
How is browser sniffing server-side instead of client-side any more standards compliant? Both should validate equally, as far as I can see.
Dan
[tt]D'ya think I got where I am today because I dress like Peter Pan here?[/tt]
I didn't think conditional comments would validate, but they do. They still feel "wrong" to me though.
Foamcow Heavy Industries - Web design and ranting
Toccoa Games - Day of Defeat gaming community
Target Marketing Communications - Advertising, Direct Marketing and Public Relations
"I'm making time
Foamcow Heavy Industries - Web design and ranting
Toccoa Games - Day of Defeat gaming community
Target Marketing Communications - Advertising, Direct Marketing and Public Relations
"I'm making time
- Thread starter
- #14
Maybe I'm missing the point here, but for a cross-browser solution why not use:
Clive
Code:
If music be the food of love
<cite>"play on, give me excess of it"</cite>Clive
- Thread starter
- #16
BillyRayPreachersSon
Programmer
Good point, Clive - that's another good one to use. It really depends on what the content of the element would be to which one would be best suited, however (this remains unknnown to us).
See here for more details on which ag to use for what purpose:
Dan
[tt]D'ya think I got where I am today because I dress like Peter Pan here?[/tt]
See here for more details on which ag to use for what purpose:
Dan
[tt]D'ya think I got where I am today because I dress like Peter Pan here?[/tt]
From BillyRayPreachersSon's link (Thanks Dan!) - the W3C example says
I believe conditional comments are the way to go with the Q tag - they're standards compliant, they correct (mis)behaviour in IE, and don't seem to have any ill effects in other browsers.
<marc>
Which means in this case that Q is still the tag to use for the quote; cite tells us who the quote is from.
I believe conditional comments are the way to go with the Q tag - they're standards compliant, they correct (mis)behaviour in IE, and don't seem to have any ill effects in other browsers.
<marc>
- Status
Similar threads
- Locked
- Question
- Locked
- Question
- Locked
- Question