Weird signs in my WP blog when I'm using - html

recently I have strange bug i my WP blog, when I;m using - I'm getting weird signs like ?.
this is image describing my problem: http://1drv.ms/1KIEoRc

Adding <meta charset="UTF-8"> to your head section should solve the problem.

Related

Microsoft Edge Translation Tool

I have, what I think, is a strange problem.
I have been creating a webpage for my site that, whenever I refresh the page, prompts Microsoft Edge (but not Chrome or FireFox) to ask me if I would like to translate the page from Portuguese and sometimes French.
I have been going through the HTML to identify what is causing this issue and I have discovered the following block of code is causing the issue:
<p class="ltol__pub">
This website is a publication of the livingtheOKlife company.
</p>
You may at this point be thinking that the name "livingtheOKlife" is causing the issue. However, I have used this name on multiple webpages in the past and never had this problem before. Furthermore, if I use a different line for the paragraph:
<p class="ltol__pub">
This website was designed and created by the livingtheOKlife
company.
</p>
The issue is resolved.
It is not an problem if I have to use the second line instead of the first. I can sleep at night if that is to be the case. However, I would very much like to know if anyone knows what may be causing the translate prompt to appear?
... and before you say it, I have included <html lang="en"> in the document.
... and I'm also aware this could be a bug, but I cannot find any record of it anywhere.
Add translate="no" in the <html> tag of your page. Also add <meta> tag with name="google" and content="notranslate" in the <head>. This tag should also work on Edge.
<html lang="en" translate="no">
<head>
<meta name="google" content="notranslate">
</head>
...
</html>

Why does my site look different when it is previewed in Dreamweaver compared to when it is published?

When I compare the mobile version of my site in Dreamweaver to the actual site when it is live, they both look incredibly different. The code is the exact same and I'm using the same browser with the same settings. You can see the clear differences between the two here:
In Dreamweaver: https://imgur.com/BzQqUrL
Live: https://imgur.com/A5Uzvr7
Any help would be much appreciated!
The issue was caused by me not including the following code in the head section:
<meta name="viewport" content="width=device-width, initial-scale=1">

HTML CSS static site pages display at different sizes

I am relative new, have built some static web pages but not an expert. I apologize if this has been answered else where, I am not sure what the error I am encountering would be called and have tried to search for an answer already and have not been successful. Please point me to another answer if an answer to this already exists.
For the project, I am building a static website for a school project and noticed that the html/css pages are displaying at different sizes (almost seems as if there was zoom effect). After looking at the code through the inspector I noticed that on the index.html page displays with a width of: 1236px and the other pages display with width of: 1350px in the same view port. Not sure how to to resolve this. Below is the link to the code on github. Again apologies if there is a better way to upload the code here, this is my first post on this forum.
https://github.com/teoherman/repice-site
Thanks in advance,
The issue is the fifth line in your index.html, or rather the lack thereof on your other pages. It is a good idea to always have a meta tag indicating viewport information.
<meta name="viewport" content="width=device-width, initial-scale=1.0">
Add this line into the head of your other pages. Note that you may want to keep most meta-tags in your <head> identical over different pages of one website. Most notably, these three:
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
When I started I use Bootstrap for most of my school project. It help displaying pages in different screen sizes and there are many sample codes that you could use. Hope this might help you.

Facebook meta tag author not working

I have this:
<meta property="article:publisher" content="LINK_TO_FACEBOOK_FANPAGE">
<meta name="author" content="My Name">
But it suddenly stopped working and names are not showing anymore. I'm not using meta tag article:author, since not all of our colleagues have facebook profile. I remember like 1 month ago it worked well, but I noticed this change today. Did facebook remove it on purpose? If so, is it possible to override it, so it will show peoples' names even without facebook profiles?
Try debugging via Facebook Debugger

Chinese symbols in my google search for my website

My site got recently hacked. I have fixed everything but for one thing.
When you search on google growfeeder you find my website www.growfeeder.com.
But it is showing alot of wierd symbols on my google search.
Does somebody know how to fix it?
This is what it looks like:
I hope somebody can help me.
Check the meta tags in the head.
<head>
<meta name="description" content="something here.">
</head>
Chances are google hasn't re-indexed your site.