before after ?

[jeorg]

this code doesn't work in Mozilla or IE 6

p.Quot
{
display:block;
color:tan;
}
p.imag
{
display:block;
color:tomato;
}
p.Quot : before
{
content: open-quote;
color:tan;
}
p.imag : before
{
content: url(../images/boutons/puceImp.gif);
}



do you know why ??

thank you

[Bosko]

IE simply sucks at CSS,so it doesn't support the :before or :after pseudo-classes.
Could you show us the complete code?What exactly doesnt work?As far as I know there isnt anything wrong with the css code.

[BrainJar]

Get rid of the spaces around the ":" and it should work on Mozilla.

p.Quot:before
{
content: open-quote;
color:tan;
}
p.imag:before
{
content: url(../images/boutons/puceImp.gif);
}

[jeorg]

super BrainJar ! it work with Mozilla :-)))

thank you

[COBOLdinosaur]

One of those irregular implementations. You have to quote the url:

content: url("../images/boutons/puceImp.gif")

[jeorg]

but even topstyle 3.0 don't do it !
is it a w3 recommandation ?

[jkd]

Originally posted by jeorg
but even topstyle 3.0 don't do it !
is it a w3 recommandation ?

Yes. (http://www.w3.org/TR/CSS2/generate.html#propdef-content)

[jeorg]

ok thanks again jkd !

but really I cannot understand why a programm supposed to be the best for CSS don't do it !

I think I shall continue coding my CSS with editplus