Foreign Character problem in CSS
 

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

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

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.

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.

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.