I'm having a bit of trouble figuring out why a link in one of my sites is broken. It gives a 404 even though the href is correct and the page exists.
The site is:
http://www.theawesomecleaners.com/
and the link is the big beige lettering "DFW areas" just below the menu. Here's the exact code for it:
<h2>Serving DFW areas 24/7 year around</h2>
After you see the 404, then visit the page from the url bar or search "our location" in the site, and you'll find the page right there.
What could be the problem?! I've tried excluding "www", adding "/ at the end, and using a relative path. None of them worked. I am really stumped. Please help!
Thanks in advance
This is due to an encoding error. It's a invisible character that is on the end of your url within the code that is creating the "%E2%80%8E" to appear.
Ensure that "http://www.theawesomecleaners.com/dfw-cleaners" is pasted into your html from some plain text location, such as this very post.
This happens when using things such as MS Word or WordPad.
With click:
With Search:
Try to write the link manually, don't copy it from the MS Word or WordPad.
Related
I worked on a Website locally and it works well. When i put it online, images won't show up.
My html file is in "folder" & images are situated in "folder/images".
When I made my website, I used this link to put images on my html code:
<img src="images/firstimage.png">
I understand the issue here is the path I used. I would like to know if there is a way to manage this without rewriting all links 1 per 1 on my html code ?
Sorry if for this noobish question this is my firsts hours of coding. Any documentation related would be appreciated.
Greetings
Use Ctrl+R (not in every html-editor, I often use that in IntelliJ) to replace the marked text with the newly entered text. So you can write "images/" (it will marked ALL text where it occurs) to overwrite ALL marked text with following: "folder/images/"
For more information look at this question
I'm building a website using x-cart and all of a sudden I'm getting this line of code appearing at the top of the page.
class="area-c skin-customer skin-XC_ColorSchemes-customer skin-theme_tweaker-customer authorized target-main no-sidebars">
While navigating through the webmaster mode theme tweaker, it appears this line shows up outside what I would expect in the content (that is, when I click on regular page content the relevant file in theme tweaker is highlighted yet nothing happens when I click the code).
Any advice on clearing this away would be greatly appreciated, thanks!
So it turns out in one of my template files there was an if condition followed by a class without an opening bracket.
I think the reason I hadn't spotted this is that rather than matched the text above, the code read along the lines of
case="{function.doThis()}>
We have built a new site warmseal.westserve.co.uk. When we run it through broken link checker tools it is showing that we have multiple broken links which in reality work.
For example the following link in the top-wrapper is showing as a broken link:
<img src="/templates/images/phone.png" class="icon" />Request a call back<img class="arrow" src="/templates/images/arrow-right.png"/>
Any ideas why some links are showing as broken links?
What actions are needed to stop them showing as broken links?
There is also an issue with XML sitemap tools not picking up all of the pages. I think this is related and by solving the broken links issue it will solve the other.
I have tried making all pages on the site have a trailing / on the end as somebody suggested this may help but this makes no difference and still doesn't work.
Testing http://warmseal.westserve.co.uk/callback/ (using postman) shows that your server is responding with a 404 Not Found status code with an HTML document (that appears to be the desired page) as the human readable error message.
I am having trouble getting the proper image to show up when I a link to my website in a status update. It is either grabbing an image from the front page which I don't want it to use (links to the front page) or no image at all (links to specific pages).
I found several tutorials that all gave the same advice about using a meta tag to specify which image to use, which I have done. Example Tutorial. Example:
<link rel="image_src" href="http://URL-TO-IMAGE" />
This had no effect. The article mentions that Facebook caches these lookups and provided a link to a URL Debugger, which was supposed to scrub that cache for me. I used it to verify that my meta tag was inserted properly (it was), but it had no effect on new status updates. Am I missing something? The way the tutorials talk gives me the indication that using this debugger will clear the Facebook cache for the page so that the next lookup will load and re-cache the proper image. Instead it seems that all this does is bypass the cache this one time for the purposes of testing.
Is there a way to actually force clear this cache, or do I just need to wait? It's been several days. How long does this cache take to expire?
Steps to Reproduce:
Visit Facebook News Feed or Timeline
Enter URL of my website in status update (can provide if neeeded)
Expected Outcome
The Favicon of my website is loaded as the icon for the status update
Actual Outcome
An image of a person (appears in the sidebar of our site) is used as the icon (for links to the front page. Links to the inner pages of the website load no icon at all.)
Further:
Visit the URL Debugger
Enter URL for website
Verify proper icon is loading
Post link in new status update.
Expected Outcome
FB's cache will be updated and the Favicon will now be used.
Actual Outcome
Nope... still the person from the sidebar on front page links and no icon at all for inner page links.
UPDATE 2/22/2013:
The image that loads when I post my URL to Facebook has changed! But it's still wrong :(.
I went to test it this morning and I now have an additional image as an option, which means Facebook did update what it's loading from the site, but it's still not the image that I specified in my tag. It's just grabbing another image from one of my other side bars, and I'm still not getting an image at all for my inner page.
It's weird.... the URL Debugger tool grabs the correct image, so I don't think the problem is my Meta tags. That's what the URL Debugger is supposed to help me identify. I think there's some disconnect between the lookup and what Facebook actually posts. I think this is a problem with Facebook, unless I'm missing something huge, but I don't see it....
UPDATE 2/25/2013:
I've made progress, but there's still something weird going on. Martey set me straight on the using the og: meta tags rather than just the tag. The tutorial I had been following said to ignore the Open Graph warnings, but once I started paying attention to them, I got some good information. Like, it actually said that my image is too small and that it will use another image instead. Guess I should have paid attention :)
Anyway, so the issue was that the favicon is too small. According to the Open Graph warning, it needs to be 200 pixels in both directions. So I grabbed the actual header logo and tried to use that. It's 340 pixels wide. Oops, it was only 164 pixels tall.
So I used The GIMP to set it onto a transparent background that was 200 pixels tall and tried again, but it's still telling me it's too small. It's no longer telling me that it needs to be 200 pixels. It just says that it's too small.
I'm stumped again...
Update 2/25/2013: Issue Resolved
The problem was transparency. I filled the background in white and tried again and now it's loading fine.
Thanks for your help, Martey!
Instead of using a third party tutorial, you should refer to Facebook's official OpenGraph documentation. They recommend using an og:image metatag to refer to document images.
As I noted in my comment, issues with data not updating on Facebook is likely to be the result of misformatted or wrong OpenGraph metatags. Without the URL of the troublesome page, or information on the URL Debugger's warnings, it is difficult to recommend solutions.
I'm trying to add an image to a generated html word document that is embedded in a classic ASP page. The code looks something like this:
<%
Response.ContentType = "application/msword"
%>
<html xmlns:v="urn:schemas-microsoft-com:vml"
xmlns:o="urn:schemas-microsoft-com:office:office"
xmlns:w="urn:schemas-microsoft-com:office:word">
...
<v:shape id="_x0000_s1030" type="#_x0000_t75" style='position:absolute;
left:0;text-align:left;margin-left:0;margin-top:17.95pt;width:7in;height:116.85pt;
z-index:2;mso-position-horizontal:center;mso-position-horizontal-relative:page;
mso-position-vertical-relative:page'>
<v:imagedata src="http://xxx/image001.gif" o:title="image001"/>
<w:wrap anchorx="page" anchory="page"/>
<w:anchorlock/>
</v:shape><![endif]--><![if !vml]><span style='mso-ignore:vglayout;position:
absolute;z-index:0;left:0px;margin-left:0px;margin-top:24px;width:672px;
height:156px'><img width=672 height=156
src="http://xxx/image001.gif" v:shapes="_x0000_s1030"></span><![endif]>
The image URL is correct and can be viewed through a browser, however when the word document opens, the image has a red x, with the error message:
The image cannot be displayed. Your
computer may not have enough memory to
open the image, or the image may be
corrupted. Restart your computer, and
then open the file again. If the red x
still appears, you may have to delete
the image and then insert it again.
If i copy the html code and try to open the word document on my local machine, it displays the image correctly. It just doesn't work when retrieving the document from the server. This happens for any images I try to add. Is there another way to add images to html-generated word documents that can be output from an asp page?
Thanks.
Update:
Something that I've noticed is that when copying the word doc code from the asp page, pasting it into a file and renaming it as a word doc, I get this prompt when opening it:
Some of the files in this Web page aren't in the expected location. Do you want to download them anyway? If you're sure the Web Page is from a trusted source, click Yes.
If I click Yes, the image displays fine, if I click No, I get the same error as I described above. I'm thinking that because the word doc is coming from an ASP page, it is defaulting the security setting to not display external items. I've tried adding the site URL (it is a local intranet site) to my trusted sites and as a trusted location in word, but still no luck.
You could try removing the o:title tag. I've found that if that tag is there word tries to embed the image, but will only do so if it is in the proper location. By removing the o:title tag, word just treats it as a link.
Go into Options, Web Options (which might be under Advanced), uncheck "Rely on VML for displaying graphics in browsers"
Is all that code generated by Word 2007, or are you adding code by hand? It's interesting that the img tag doesn't have a slash to close it.
I know its a silly mistake, but did you make sure to put the image in the right place so that it can be accessed by the web page? If you just type in the http://xxx/image001.gif url into your browser, does the image appear? If not, I would say thats your problem.
Make sure the image's URL (location) is correct and add a slash.
If it still doesn't work, check if any other images from the same directory can display.
If they do then re-upload the image and try again.
If other images don't display and if you're sure that the URL is correct, then try editing the read permissions on the image directory and the images. I can't imagine that it could be caused by permissions though.
Unless there's a very specific reason to generate the HTML in MS Word, I'd advise you not to do it. Even for somebody who never saw HTML or CSS before, they're both very simple and tidy to learn and can produce much better results than MS Word.
Is Word 2007 allowed to access the internet? Maybe there's a firewall rule blocking it?
Replace the following line
"<v:imagedata src="............" o:title="image001"/>"
with simple a single line of code
"<img src="............"/>"
I am sure you will get the result.
I have checked it.