I am using <iframe> in my index.html page. But its replacing the original favicon of my index.html page with blank.
Unable to see the favicon for index.html
If am commenting the tag its working fine in IE9.
<html>
<head>
<title>Some Title</title>
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
</head>
<body>
<iframe src="http://somesite.com/"></iframe> <!-- Not Working Unable to see favicon -->
<!-- <iframe src="http://somesite.com/"></iframe> --> <!-- Working I can see favicon -->
</body>
</html>
Thanks in advance for your answers!!!
Found in IE if we are pointing to a URL in IFRAME and its response status is not 200 then It will replace the favicon.
so make sure you must have some valid response from iframe URL.
Related
I'm trying to add a favicon in HTML, I have seen a video about it and this code works perfectly in the video:
<html>
<header>
<link rel="icon" href="images/favicon.ico">
</header>
<body>
</body>
</html>
However, it does not work in my case:
What am I doing wrong?
You can get the files I'm using from here in case you need them (it includes the icon)
It doesn't work, because in your code you wrote <header> instead of <head> and </header> instead of </head>.
It should be like this:
<html>
<head>
<link rel="icon" href="images/favicon.ico">
</head>
<body>
</body>
</html>
I think the best way to do this by adding the icon like so
<link type="image/x-icon" href="favicon.ico" />
PS:the favicon.ico should be in the root of your project directory :)
<!doctype html>
<html>
<head>
<title>Asem Syed</title>
<link rel="icon" href="favicon.png" type="image/png" />
</head>
<body>
<div><h1>aasemjs.com will be live.</h1></div>
<div><h1>...soon.</h1></div>
</body>
</html>
Here is my short code, my favicon has been uploaded in the public_html directory, as well as a folder in that "images". On the browser it keeps showing me a broken link.
What am I doing wrong over here?
This code should help you out.
If you have the css in a folder use "../", if this doesn't work just stick with "/" in front of images.
<link rel="icon" type="image/png" href="/images/picture.png">
If you put "sizes" in the link tag, it won't be supported by any browsers, so you'll have to change the width and height in a photo editor.
I've visited these questions and none of the answers worked for me:
Why doesn't my fav icon work in Chrome any more?
Chrome doesn't show the favicon
My Code
My website is http://mikeyaworski.com and this is the code I use to set my icon:
<head>
<title>mikeyaworski</title>
<link
rel="shortcut icon"
href="http://mikeyaworski.com/myicon.ico"
type="image/vnd.microsoft.icon"
>
</head>
This is my entire code.
What I've Tried
Instead of rel="shortcut icon"I've tried rel="icon"
Instead of type="image/vnd.microsoft.icon" I've tried type="image/x-icon"
Instead of href="http://mikeyaworski.com/myicon.ico" I've tried href="myicon.ico"
The icon works in Mozilla and Internet Explorer. The icon does not work in Google Chrome. Any ideas?
Your html is invalid and your browser tries to fix it. In doing so your link tag ends up outside the head and is ignored, fix your html and it will work
<!DOCTYPE>
<html>
<head>
<title>mikeyaworski</title>
<link rel="icon" href="myicon.ico" type="image/vnd.microsoft.icon">
</head>
<body> <!-- body tag should be here -->
<h1 style="text-align:center;font-family:trebuchet ms;" id="top"><br><br>Hompage</h1>
<p>
Coming soon. Until then, view my StackOverflow and other StackExchange profiles:
</p>
<a href="http://stackexchange.com/users/2644958">
<img src="http://stackexchange.com/users/flair/2644958.png?theme=dark" width="208" height="58" alt="profile for mike yaworski on Stack Exchange, a network of free, community-driven Q&A sites" title="profile for mike yaworski on Stack Exchange, a network of free, community-driven Q&A sites">
</a>
<body>
</html>
<!-- <link rel="shortcut icon" href="favicon.ico" type="image/x-icon"> -->
Try using the following code:
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
Or Else have a go at the link below with similar discussion:
local (file://) website favicon works in Firefox, not in Chrome or Safari- why?
Update:
Or else give a following link a try:
Fix missing favicons on Google Chrome
Hope this helps.
Thanks,
Jatin
My website is here: www.drizly.com
Our favicon shows up in Firefox but not in Chrome... I've read and tried everything, well, clearly not everything. I don't get it. Can someone help?
Try to use rel="shortcut icon" and an absolute URL to your favicon.
Example:
<link rel="shortcut icon" href="http://example.com/favicon.ico" />
You have wrong html structure, you missing open tag <html>.
Now i see:
<DOCTYPE! html>
<head>
...
</head>
<body>
...
</body>
</html>
Chrome interprets this like:
<html>
<head>
</head>
<body>
<doctype! html="">
<title>Drizly | Alcohol Delivery, Boston MA.</title>
<link rel="shortcut icon" href="http://drizly.com/img/favicon.ico">
...
</body>
</html>
In the Project of GWT/GXT.
in project.html.
I added the favicon and change the color of the body and also put an image .
But when i run the web project. i cant see the the change in body color, favicon and the Image.
My web Projects starts from login page which is in a center of on the RootPanel.
I want add a Image and Fevicon in HTML
In my test page test.html i can display favicon and image.
gwt project.html
<!doctype html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<title>My Page</title>
<link rel="icon" type="image/png" href="fevicon.png" />
<link rel="stylesheet" type="text/css" href="gxt/css/gxt-all.css" />
<link rel="stylesheet" type="text/css" href="project.css" />
</head>
<body style="background-color:d8d8d8;>
<img class="normal" src="main.png" width="700" height="80" />
<script language='javascript' src='project/project.nocache.js'></script>
<iframe src="javascript:''" id="__gwt_historyFrame" style="position:absolute;width:0;height:0;border:0"></iframe>
</body>
</html
>
As #Manolo suggest check working folder. i.e. war/modulename and also clear cache of browser. because if browser already have cache of it so sometime changes does not reflect.
It seems you are modifying a page which is not being copied to the working folder of your app
when running in web mode.
Sometimes eclipse does not update files from sources to working dir.
Try to find the file test.html in other folders and compare their sizes.
In your src/main/webapp changes not seen at a moment. Refresh project and restart development mode. If any changes recompile your project(Last choice).