:first-letter FireFox problem

[Rutger]

Dear reader,

I am currently working at http://www.artificialchristmastree.co.uk/ and I have to make all first Euro signs (€) Red. But it works fine with the: first-letter CSS attribute except in Firefox. Is this because it isn’t a letter or is it a Firefox bug?

Chrome, Opera, Internet Explorer and Safari are working fine.

The code is.

.blokkenprijs:first-letter{

color:#ff0000;

}

Page: http://www.brazi-artificiali-de-craciun.ro/actiune-copaci.html

Does anyone know a solution?

With kind regards,

Rutger

[jamygolden]

It seems that Firefox actually tries to make sure that first-letter is a letter (or number) and not a random character such as &, ©, ®, etc.

If it’s a bit problem that firefox doesn’t do what you’d like, I’d recommend hard-coding the first characters in a span within the HTML, with PHP if it’s dynamic or with javascript.

[standuncan]

Yeah probably your best bet then to make it cross browser compatible is what jamy_za said:

<span class=”red”>&#8364;</span>

or

<span class=”red”>&euro;</span>

[Rutger]

Thanks for the fast replies. I’ve to write a new ASP code then. Because it is a script that is making the euro sign at all pages.

Kinds Regards,

Rutger

[Author]

Posts