Degrees symbol syntax

HTML & CSS
1

Hello, I am having trouble with the degrees symbol in my text it adds an  next to the ° not sure why.

its this sentence: Operating Temperature: -40ºF to 140ºF (Battery operating range, Lithium) in the ordered list.

SITE

2

That’s a character encoding issue.

Instead of getting the degree symbol you are getting
capitol A circumflex, numero sign

Where is it coming from?

1 Like
3

Hi there csosa,

according to the validator…

http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fwww.iogproducts.com%2FDIGI-SHOCK2.aspx

…you page has no Character encoding declared at document level.

This would be the basic requirement…

[code]

untitled document
  1. Operating Temperature: -40°F to 140°F (Battery operating range, Lithium)
[/code]
1 Like
4

hmm that odd I have that in there and still doest read it…

<html lang="en"> 
<head runat="server">
    <meta charset="utf-8">
    <meta name="google-site-verification" content="qPtIxE1wP3wO6nWgw1vcTf-MGb6TE1-9wDJNQLmivt0" />
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <title>IOG Products - Impact Indicators, Impact Recorders, Temperature Recorders, Tilt Indicators</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
    <script type="text/javascript" src="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
    <script src="/Scripts/jquery-1.4.1.min.js" type="text/javascript"></script>
    <script src="/Scripts/jqddm.js" type="text/javascript"></script>
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
    <!-- Shock label Calc Scripts -->
    <script type="text/javascript" src="/calc/js/jquery.js"></script>
    <script type="text/javascript" src="/calc/calc.js"></script>
    <link href="/Styles/style.css" rel="stylesheet" type="text/css" />
    <!-- Shock label Calc Styles -->
    <link rel="stylesheet" type="text/css" href="~/calc/calc.css"/>
    <link rel="stylesheet" type="text/css" href="~/calc/js/jquery-ui.min.css"/>
    <link rel="stylesheet" type="text/css" href="~/calc/js/colorbox/colorbox.css"/>
    <link href='http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,700,300,600,800,400' rel='stylesheet' type='text/css'>
    <script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?v=3.exp&amp;sensor=false&amp;libraries=places"></script>
    <asp:ContentPlaceHolder ID="head" runat="server">
    </asp:ContentPlaceHolder> 
    
<script type="text/javascript">
       
  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-41887506-1']);
  _gaq.push(['_trackPageview']);

  (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();

</script>    
</head>
5

Hi there csosa,

you have not replaced the º with ° in your the HTML…

<li style="font-size:12px; margin-bottom:13px;"><strong>Operating Temperature: -40ºF to 140ºF (Battery operating range, Lithium)</strong></li>
6

In the viewpagesource it says: <li style="font-size:12px; margin-bottom:13px;"><strong>Operating Temperature: -40ºF to 140ºF (Battery operating range, Lithium)</strong></li>

But in my actual HTML DOC it says: <li style="font-size:12px; margin-bottom:13px;"><strong>Operating Temperature: -40ºF to 140ºF (Battery operating range, Lithium)</strong></li>.

weird…

7

What happens if you substitute the HTML entity &deg;?

2 Likes
8

Yeah that worked thanks.

9

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.