Google Chrome can't display a .eps file - html

I want to add the "Download on the App Store"-badge. The file I downloaded is a .eps which displays correctly in Safari but not in Chrome.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>Page Title</title>
</head>
<body>
<a href="https://linktoitunes">
<img class="appstore" alt="Download on the App Store" src="../appstore-badge.eps" /></a>
</body>
</html>

Convert the image to a format more commonly used on the WWW.
Use SVG if you want to continue to use a vector format. Otherwise JPEG for photo-like images and PNG for images where precise reproduction of the original is important.

Related

How to put a downloadable pdf link in html

this is the code i wrote:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>title</title>
</head>
<body>
Click to download!
</body>
</html>
when I click on the text I it doesnt download the file and it only previews it instead of downloading
Can you write me a proper code ? thanks
You are asking for pdf file and in link txt file is given..
anyways.. no prob...
try
<a href="test.txt" target='_blank' download>Click to download!</a>

HTML on Google Chrome doesn't show my image

When trying to view an index.html file in the browser, it doesn't show any images. I get a broken image icon.
I inspected page and got the following error:
Failed to load resource: net:: ERR_FILE_NOT_FOUND
The image is in an image folder (i.e. images) located in the main folder (i.e. test-site)
I tried on multiple browsers: Firefox, Chrome, Internet Explorer..
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<title>My test page</title>
</head>
<body>
<img src="\test-site\images\japanese.png" alt="My test image">
</body>
</html>
I'm trying to show this image. However, a broken image icon shows but no image...
error: Failed to load resource: net:: ERR_FILE_NOT_FOUND
If the index.html file is inside the test-site folder (main folder), then you do not need to include that in your link as such:
<img src ="./images/japanese.png" alt ="My test Image">
Should work for you, as the dot is representative of the folder you are already in.
Use relative paths.
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<title>My test page</title>
</head>
<body>
<img src="./test-site/images/japanese.png" alt="My test image">
</body>
</html>
If the index.html file is inside the test-site folder (main folder), then you do not need to include that in your link as such:
It should work for you
if your image and index.html are on the same folder then
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<img src="./images/japanese.png" alt="My test image">
<!-- or ->
<img src="images/japanese.png" alt="My test image">
</body>
</html>

Could not load image from HTML page

I'm trying to make a web site in code, and I added an image to the page: <img src"../img/image.png">. When I load the page in a browser I get a square box, and it says it could not load image.
I have tried it in Windows 10 and Kubuntu 18.04 - same error. I get the same error when I make a CSS file. If I put the image in the root folder it works. Any ideas?
Should be
<img src="../img/image.png">. You are missing the =
did not work here the top of my html page same error only way it works it I put ../WebSite/img for the folder . But when I ftp the page no logo or background . But the files are there
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Page Title</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" type="text/css" href="../css/Main.css" />
</head>
<body>
<img src="../img/Logo.png">
</body>
</html>
I created the assets folder, that folder include the images folder then i paste the png type image (bill.png) in image directory.
Here is the code with image path
<img src="{{ asset('assets/images/bill.png') }}" class="center-block">
Important thing
assets folder in public directory
Put the image in the same folder as the webpage is and try to change source to that image name.
OR
Try clearing your browser cache data if you want image to be loaded from assests folder.

Why isn`t the image showing?

When I try to run the site in the browser, the image dosen`t show.
<DOCTYPE html>
<html lang="no">
<head>
<title>Ferskvaregrossisten</title>
<meta charset="utf-8">
<link rel="stylesheet type=text/css" href="stylesheetfgross.css">
</head>
<body>
<header>
<h1>Ferskvaregrossisten</h1>
<img src="IMG_0342.JPG" alt="logo">
</header>
Check if your image has duplicated suffix. If you're on a Mac, right click the image in your finder and open 'Get Info', if you're on a Windows, you can right click the image and click 'properties'. Double check the real name of the image, it might be 'IMG_0342.JPG.jpg'.
there would be several reasons:
1.Wrong path name.
2.Wrong file name.
3.Wrong file Suffix.
Copied the url from the browser, the url was a little longer. Now it`s showing. Resolved.

iframe returns homepage instead of external file

I'm trying to embed a html5 banner created in Adobe Edge, the simplest way I could think of was dumping all the code edge spits out onto the ftp and then using an iframe to point at the html file. If I do this locally on my machine it works fine, if I try it on our live site the top left corner of the website is what appears in the iframe instead of the banner. It's a Joomla 1.5 site I have no idea what would cause this as I've not used iframes before. I've edited the code so it no longer has spaces.
Here is my website: www.webchild.com.au
and here is the iframe code:
<iframe src="/stdAds/html5/bilby-test/bilby_theatrical_banner.html" width="300" height="250" frameborder="0" scrolling="no"></iframe>
The code inside the html file is:
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=Edge"/>
<title>Bilby Theatrical Productions Banner</title>
<!--Adobe Edge Runtime-->
<script type="text/javascript" charset="utf-8" src="bilby_theatrical_banner_edgePreload.js"></script>
<style>
.edgeLoad-EDGE-380725615 { visibility:hidden; }
</style>
<!--Adobe Edge Runtime End-->
</head>
<body style="margin:0;padding:0;">
<div id="Stage" class="EDGE-380725615">
</div>
</body>
</html>
Try removing the spaces out of your link. It may well be the %20's replicating the spacebar are screwing up the link. Else have you checked the html file your including is definately in the correct location on your FTP. If you just try going straight to the link ( http://www.webchild.com.au/stdAds/html5/bilby-test/Bilby%20Theatrical%20Banner.html ) you can see there is a 404 error which is probably why the top of your site is appearing - the 404 error page rather than the page