8 Replies Latest reply on Jan 7, 2011 12:01 PM by martina84330169

    PayPal button Fury!

    Clix websites

      After a long process of designing about 150 separate PayPal buttons for my site, they have decided to render in the browser with a capital 'A' with a diamond shape above it just before the '£' sign in the drop down menus. It's only after coming off the ceiling in maddening frustration that I am writing to request some help or advice in rectifying this - please! You can see the problem here:

       

      http://www.photography-art-cafe.com/landscape-photos-col1.html

       

      Thankyou so much for any help,

       

      Josh.

        • 1. Re: PayPal button Fury!
          Ben M Adobe Community Professional

          That character appears to be in your code.  You have a couple mismatched tags and errors, but nothing that would cause this ( http://validator.w3.org/ ).  Have you tried contacting Paypal?  It could be that their text input for creating the button is not interpreting foreign characters correctly or a an error rendering those characters correctly, thus you are ending up with that "A" before the pound symbol. 

          1 person found this helpful
          • 2. Re: PayPal button Fury!
            martcol Level 4

            You can try using DW Find and Replace to help you out.

             

            In code view, highlight those unwanted characters then  Ctrl-F type  this in the replace box £ (including the semi-colon) and let DW do the work.

             

            Take a back up of the page first by right-click>edit>duplicate.

             

            That's what I think I would do.

             

            i wonder if you have that wierd thing going on with your £ symbol because you typed it in or cut n' pasted from another app?

             

            martin

            1 person found this helpful
            • 3. Re: PayPal button Fury!
              Clix websites Level 1

              Thanks for the ideas guys. But unfortunately still no breakthrough.

              The dodgy 'A' does not appear in my DW code view, live view or when previewed in the browser - only when uploaded to the web for real. It is not imported from anywhere other than the PayPal website which is the only place a button can be created.

               

              I have been in touch with PayPal who told me this:

               

              The reason that the page shows differently in the code then it renders on the website is because of the content type of your page. Currently this is the line of code that your website is using, this information is found in the website header.

               

              meta http-equiv="Content-Type" content="text/html; charset=utf-8"

               

              You will have to change this content type to be the appropriate content type to show the symbols on the page correctly. For a list of character sets I would suggest visiting a site such as this one: < >http://www.w3schools.com/tags/ref_charactersets.asp

               

              I do not know what this means, let alone what to do about it!

               

              Cheers again people,

               

              Josh.

              • 4. Re: PayPal button Fury!
                Ken Binney-GnPIX3 Level 4

                By way of background -

                 

                UTF-8 uses one or more 8-bit bytes to store a single character, unlike ASCII and  friends which use only one byte per character. It is more space-efficient than  its cousins (UTF-16, UTF-32) when the majority of the characters can be encoded  as a single byte, as is the case with most English text, but with the added  benefit that you can still store any character under the sun should you need to.  It uses the most significant bits of each byte as continuation bits (to signify  that the following byte(s) form part of the same character). It is for this  reason that improperly-displayed UTF-8 results in weird characters.

                 

                In ISO 8859-1, the £ character has an ordinal value of 163 (0xA3 in hex) and by  coincidence (or not), its Unicode code point is U+00A3. However, UTF-8 cannot  store values above 127 in a single byte -- the encoding demands we use two.  Omitting the grizzly details of the actual encoding process, you end up with the  2-byte sequence 0xC2A3, which just happens to correspond to the string "£" when  expressed in ISO 8859-1.

                • 5. Re: PayPal button Fury!
                  martcol Level 4

                  I would try putting this at the top of your page and don't put anything else inbetween or before it:

                   

                  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
                  <html xmlns="http://www.w3.org/1999/xhtml">
                  <head>
                  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

                   

                  Then put your other stuff after that.

                   

                  Just to note as well, you have some CSS in your body that should be in your header.

                   

                  <div id="wrapper">
                   
                    <style type="text/css">
                  <!--
                  #header {
                       height: 138px;
                       background-color: #DDD;
                       margin-bottom: 0px;
                       width: 926px;
                       padding-top: 0px;
                       padding-bottom: 8px;
                       background-image: url(http://www.photography-art-cafe.com/image-files/p-a-c-header.jpg);
                       margin-left: 60px;
                  }

                  -->
                  </style>
                  <div id="header"></div>

                   

                  You should delete everything and including the <style> and </style. and copy the red text in to the rest of your CSS.

                   

                  Martin

                   

                   

                  Martin

                  • 6. Re: PayPal button Fury!
                    Ken Binney-GnPIX3 Level 4

                    Just for fun, I uploaded your page to one

                    of my Linux servers, and the extra character does not display

                     

                    http://www.binney.us/temp.html

                    • 7. Re: PayPal button Fury!
                      Clix websites Level 1

                      Thanks guys. I'm afraid Ken your answer was so far above me I almost passed out.

                      Martin - The code that appears for my uploaded page is altered from that in Dreamwaver.

                       

                      From this:

                      <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
                      <html xmlns="http://www.w3.org/1999/xhtml">
                      <head>
                      <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

                       

                       

                       

                      To this:

                      <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
                      <html xmlns="http://www.w3.org/1999/xhtml">
                      <head><link rel="canonical" href="http://www.photography-art-cafe.com/landscape-photos-col1.html"/>
                      <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

                       

                       

                      Similarly the CSS error only appears when uploaded to the web.

                      Any ideas why this might be happening?

                       

                      Cheers,

                      Josh

                      • 8. Re: PayPal button Fury!
                        martina84330169

                        Hi Josh,

                        This is ages old, but I found it through Google having the same problem (and numerous other posts from folk all over the place). You may well have worked it out by now, but hey.. here goes.

                         

                        I've now solved it. Was rediculously simple in the end.

                         

                        Solution is: Paypal don't seem to add the HTML code for currency symbols when they automatically generate button code. Replace the unwanted symbol and the pound symbol with the HTML code for '£' directly in the form (in code view), i.e. paste in &#163;

                         

                        I've no idea why the browser generates the weird A hat symbol next to the pound sign.  If you change the currency to dollars, then it works fine without the need for the HTML code.  Ho hum

                         

                        Onwards and upwards (or at least sideways...)

                        Martin