So i have this about page with multiple background attachment pics. All work besides one. I went through the code and cant seem to find out why one is not showing. Anyone got time to check the view source that would be great. http://idunlap.com/about.html
I checked, and it seems that your image is not real. By that, I mean its URL is not real. It is error 404, or something like that. This is the URL that it redirects me to when I enter your missing image's URL: http://error404.000webhost.com/.
I'd say that you should try to upload the image again.
Related
I got a little issue,
when I share my portfolio in Facebook or Linkdin I get a preview of the web as an image but with a wrong image(one of the images included in the code itself).
how can I fix that so that the preview image will be the the web image?
thanks
If you've already generated the image, I think you need to use this: developers.facebook.com/tools/debug to rescrap it and try and get FB to pull in the correct image.
There's a section, in the screenshot, that allows you to bulk clear FB caches if it's more than one URL you're having issues with, if it's just the one, the first tab should be what you need.
So here is the problem: No matter what i do in the editor , it's just not displaying the code on the web-page. I've tried everything(apparently not) to solve this but my attempts went in vain. Any suggestions? Tell me , if it's not clear.
I don't understand why it is not working. The extension of the file is correct blablabla.html. There's no error in the code of the web-page. Browser simply doesn't want to respond on any changes in the editor.
first time poster and html noob here.
For a few hours now ive been trying to use a background picture. I downloaded an image I wanted to use, and set about trying to code it.
No matter what I tried, the image would not display. However, when I tried one of the other images I was using, it displayed just fine.
I tried using just the first letter of the existing image, and the program immediately suggested the image in a dropdown, as well as several other images with names starting with the same letter. However when I tried to use the new images first letter, it did list options, but none of them were the image I had downloaded.
I tried renaming the image, but still no luck.
I havnt included any code just yet, since this seems to not be related to the code itself (Since other images display just fine). Has anyone run into something like this before? Extensive google searches did not yeild anything for me.
In case it matters, I am specifying the background image as part of the Body css.
Thanks in advance for any help.
Please check to ensure your preferred image is located in the same parent folder as your htlm.
As #Patrick Falvey says but if the picture is not in the same folder remeber to / before your file path :)
I'm creating a web site and the site consists of a few images. Locally, everything displays correctly, but when I upload it to my server, some of the images are not displayed. None of the GIFs / Animated GIFs are displayed at all and some of the jpeg images are not displayed (while others are OK). The only images which don't appear to be effected are PNG, which display OK.
If I check FireBug and hover over the image link, I receive the message Failed to load given URL.
If I enter a direct URL link to the image on the server, the image is downloaded so it's definitely there.
Here's my CSS:
body {
background-color: #000;
background-repeat:no-repeat;
background-position:top;
background-image:url(../images/background2.gif);
}
I created another web site using the same code, but with a different background.gif image and everything displays correctly, so I'm not sure what else is different?
Also, I have tried deleting the images from the server and re-adding them, but still no luck.
Try putting in the full path in the url:
e.g. background-image:url(http://www.your-site.com/images/background2.gif)
-if that works, then check your paths and make sure the css url matches your directory structure.
Instead of using:
background-image:url("../images/background2.gif");
Use:
background-image:url("/images/background2.gif");
Starting with "/" moves to the root directory and starts there
Starting with "../" moves one directory back and starts there
(also it's a good practice to always include quotes on paths)
Thanks for everyone's help, its turns out that this was a problem with some sort of bandwidth restriction on my work internet. If I viewed the site from anywhere else the images were all loaded..... I really though I was going mad for a while! Thanks again.
I want to check if an application is running on another server and the only way I can do this is by displaying an image that it provides.
If it doesn't provide the image, I use the alt attribute to inform that the app is down.
I cannot modify what's in the image, so I need a way to show something else that says that the app is up instead of saying "if you see this image it means that the app is up".
I'd like a CSS/HTML solution, if not, a JS or PHP one.
I'm thinking of hiding the image itself with the "the app is up" message but I don't know how. It doesn't work like image replacement usually do.
You can choose a custom message to display when the image is down using pure HTML and CSS, but for the image loading successfully, I think you're out of luck. Use a JavaScript Ajax request and check the returned status header, and you won't even have to create an image.