Rogue A with caret appearing

I have adjusted the pages so that they both have the same information in the head area and closed that with </head>

in the case of harristweedshop.com/xx-rpd.html

everything works fine in relation to the shopping cart and the £ symbol

on harristweedshop.com/xx-alex.html

it still does not work

I have tried adding

<meta charset="utf-8">

and

<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">

to this page and it makes no difference.

Interestingly adding either of these statements to the rpd.html page stops that page working !

Both URL's lead to a 404 error.

prh108  wrote On some pages after loading them up, a capital A with a caret symbol above appears before the £ symbol which stops the shopping cart functions. what causes this, and how do I resolve the problem? thanks

The capital A with caret will be in the relevant pages code. If the code is provided by the people providing the shopping cart, the you would be better advised contacting them.

If it is in the html code you have written, then it will in the relevant position to where it appears in the page.

If it's stopping your shopping cart from functioning, you should ask the shopping cart maker what needs to be done to fix it. They've likely come across the issue many times.

I'll submit a couple of guesses though...

One guess would be that whatever you're using to create the symbol doesn't match the charset of your page. You might be able to replace the symbol with a code entity for the same thing...

& pound;

& #163;

& #xa3;

(without the space) are a few options. Changing your charset meta tag to <meta charset="utf-8"> in the <head> of the page is another possible fix. Though if the cart system isn't in your page, that may not do the trick.

It may be that having the symbol in with the price is causing some kind of calculation problem with your cart system scripts. in that case, you could add it using css ::before or ::after on the selector for the price container...

.price::before {

     content:"\00a3";

}

<p class="price">(price goes here)</p>

That will place the symbol before the price using css, so it won't affect a calculation script.

It's pretty hard to say how to fix it without knowing what "it " is. Can you post a link to your work in progress?