Foreign Character problem in CSS

[chartwise]

Whenever I copy & paste a foreign word containing a foreign character it always shows this character in lower case.

Like this: PLüSCH or HäBS
It even shows like this in Dreamweaver.

The code below is supposed to make all characters uppercase.

The code I have for this is:
.title {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold; color: #B4325E;
text-align: left;
text-transform: uppercase;
height: 20px;
padding-left: 5px;
}

Could anyone please tell me how to set the style to make these characters uppercase also, like this:
PLÜSCH or HÄBS

All help much appreciated

[StevenHu]

Use this site to replace each character with its proper entity. For example, if you want to display the ü symbol in uppercase, in your HTML you would put: Û like this:

<p>PL&Ucirc;SCH</p>

http://www.elizabethcastro.com/html/...ties.html#char

[chartwise]

Originally Posted by StevenHu

Use this site to replace each character with its proper entity. For example, if you want to display the ü symbol in uppercase, in your HTML you would put: &Ucirc; like this:

<p>PL&Ucirc;SCH</p>

http://www.elizabethcastro.com/html/...ties.html#char

This way is going to take me hours.
If there is no easier way then I'll have to put up with what I've got.

[VIPStephan]

This seems to be a problem of either your code editor or the program/file from which you copy this. Can you show us the original text file?

And if you need to use HTML entities you can do a mass search/replace with most editors. Just search for “ü” and replace it at once with “Ü” (not Û as StevenHu suggested). Takes a minute at most for all special characters.

[chartwise]

Just found that it's just in Dreamweaver CS4 and older browsers that show it this way.

From IE9 and Firefox 10 also in Chrome it looks fine.