Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 5 of 5
  1. #1
    Regular Coder
    Join Date
    Apr 2008
    Location
    Manchester, England
    Posts
    206
    Thanks
    33
    Thanked 2 Times in 2 Posts

    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
    Last edited by chartwise; 12-13-2012 at 06:03 PM.

  • #2
    Regular Coder
    Join Date
    Jun 2011
    Location
    CA
    Posts
    105
    Thanks
    0
    Thanked 10 Times in 10 Posts
    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

  • #3
    Regular Coder
    Join Date
    Apr 2008
    Location
    Manchester, England
    Posts
    206
    Thanks
    33
    Thanked 2 Times in 2 Posts
    Quote Originally Posted by StevenHu View Post
    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.

  • #4
    The fat guy next door VIPStephan's Avatar
    Join Date
    Jan 2006
    Location
    Halle (Saale), Germany
    Posts
    8,700
    Thanks
    6
    Thanked 1,011 Times in 984 Posts
    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 “&Uuml;” (not &Ucirc; as StevenHu suggested). Takes a minute at most for all special characters.

  • #5
    Regular Coder
    Join Date
    Apr 2008
    Location
    Manchester, England
    Posts
    206
    Thanks
    33
    Thanked 2 Times in 2 Posts
    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.


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •