If you don&#39;t call the favicon, `favicon.ico`, you can use that tag to specify the actual path (incase you have it in an `images/` directory). The browser/webpage looks for `favicon.ico` in the root directory by default.

You should in fact do both, so that all browsers will find the icon.

Naming the file &quot;favicon.ico&quot; and putting it in the root of your website is the method &quot;discouraged&quot; by W3C:

&gt; Method 2 (Discouraged): Putting the favicon at a predefined URI  
A second method for specifying a favicon relies on using a predefined URI to identify the image: &quot;/favicon&quot;, which is relative to the server root. This method works because some browsers have been programmed to look for favicons using that URI.  
[W3C - How to add a favicon to your site][1]

So, to cover all situations, I always do that in addition to the recommended method of adding a &quot;rel&quot; attribute and pointing it to the same .ico file.

  [1]: http://www.w3.org/2005/10/howto-favicon

I use it for two reasons:

1. I can force a refresh of the icon by adding a query parameter for example `?v=2`. like this:
    `&lt;link rel=&quot;icon&quot; href=&quot;/favicon.ico?v=2&quot; type=&quot;image/x-icon&quot; /&gt;`

2. In case I need to specify the path.

Simply adding it to the root folder works after a fashion, but I&#39;ve found that if I need to change the favicon, it can take days to update... even a cache refresh doesn&#39;t do the trick.

Many people set their cookie path to /. That will cause every favicon request to send a copy of the sites cookies, at least in chrome. Addressing your favicon to your cookieless domain should correct this.

    &lt;link rel=&quot;icon&quot; href=&quot;https://cookieless.MySite.com/favicon.ico&quot; type=&quot;image/x-icon&quot; /&gt;

Depending on how much traffic you get, this may be the most practical reason for adding the link. 

Info on setting up a cookieless domain:

http://www.ravelrumba.com/blog/static-cookieless-domain/

I need to develop some html pages for iphone/android phones, but what is the difference between `max-device-width` and `max-width`? I need to use different css for different screen size.

    @media all and (max-device-width: 400px)

    @media all and (max-width: 400px)

What&#39;s the difference?



What is the difference between max-device-width and max-width for mobile web?

In Python, what is the best way to compute the difference between two lists?

example

    A = [1,2,3,4]
    B = [2,5]
    
    A - B = [1,3,4]
    B - A = [5]

Compute list difference

I didn&#39;t include the following line of code in my head tag, however my favicon still appears in my browser:

    &lt;link rel=&quot;icon&quot; href=&quot;favicon.ico&quot; type=&quot;image/x-icon&quot; /&gt;

What&#39;s the purpose of including it?

Do you have to include &lt;link rel=&quot;icon&quot; href=&quot;favicon.ico&quot; type=&quot;image/x-icon&quot; /&gt;?

I didn't include the following line of code in my head tag, however my favicon still appears in my browser:
<pre><code class="hljs language-bash">&#x3C;link rel="icon" href="favicon.ico" type="image/x-icon" />
</code></pre>
What's the purpose of including it?

&gt; **Possible Duplicate:**  
&gt; [Check of specific radio button is checked](https://stackoverflow.com/questions/2195125/check-of-specific-radio-button-is-checked)  

&lt;!-- End of automatically inserted text --&gt;

I have these 2 radio buttons at the moment so that the user can decide whether they need postage included in the price or not:

    &lt;input type=&quot;radio&quot; id=&quot;postageyes&quot; name=&quot;postage&quot; value=&quot;Yes&quot; /&gt; Yes
    &lt;input type=&quot;radio&quot; id=&quot;postageno&quot; name=&quot;postage&quot; value=&quot;No&quot; /&gt; No

I need to use Jquery to check if the &#39;yes&#39; radio button is checked, and if it is, do an append function. Could someone tell me how I&#39;d do this please?

Thanks for any help

edit:

I&#39;ve updated my code to this, but it&#39;s not working. Am I doing something wrong?

    &lt;script type=&#39;text/javascript&#39;&gt;
    // &lt;![CDATA[
    jQuery(document).ready(function(){
    
    $(&#39;input:radio[name=&quot;postage&quot;]&#39;).change(function(){
        if($(this).val() == &#39;Yes&#39;){
           alert(&quot;test&quot;);
        }
    });
    
    });
    
    // ]]&gt;
    &lt;/script&gt;

Jquery If radio button is checked

I want to make body have 100% of the browser height. Can I do that using CSS?

I tried setting `height: 100%`, but it doesn&#39;t work.

I want to set a background color for a page to fill the entire browser window, but if the page has little content I get a ugly white bar at the bottom.

Make body have 100% of the browser height

I have a table and I want to set a fixed width of 30px on the td&#39;s. the problem is that when the text in the td is too long, the td is stretched out wider than 30px. `Overflow:hidden` doesn&#39;t work either on the td&#39;s, I need some way of hiding the overflowing text and keeping the td width 30px.

    &lt;table cellpadding=&quot;0&quot; cellspacing=&quot;0&quot;&gt;
        &lt;tr&gt;
            &lt;td&gt;first&lt;/td&gt;&lt;td&gt;second&lt;/td&gt;&lt;td&gt;third&lt;/td&gt;&lt;td&gt;forth&lt;/td&gt;
        &lt;/tr&gt;
        &lt;tr&gt;
            &lt;td&gt;first&lt;/td&gt;&lt;td&gt;this is really long&lt;/td&gt;&lt;td&gt;third&lt;/td&gt;&lt;td&gt;forth&lt;/td&gt;
        &lt;/tr&gt;
    &lt;/table&gt;

CSS table td width - fixed, not flexible

I want to strip script tags out of this HTML at Pastebin:

&gt; http://pastebin.com/mdxygM0a  

I tried using the below regular expression:

    html.replace(/&lt;script.*&gt;.*&lt;\/script&gt;/ims, &quot; &quot;)

But it does not remove all of the script tags in the HTML. It only removes in-line scripts. I&#39;m looking for some regex that can remove all of the script tags (in-line and multi-line). It would be highly appreciated if a test is carried out on my sample http://pastebin.com/mdxygM0a

Removing all script tags from html with JS Regular Expression

Heres the entire page
* wrappable is defined in a main.css file

    /* Wrappable cell
    * Add this class to make sure the text in a cell will wrap.
    * By default, data_table tds do not wrap.
    */
    td.wrappable,
    table.data_table td.wrappable {
        white-space: normal;
    }                
 
Heres the entire page:

    &lt;%@ include file=&quot;../../include/pre-header.html&quot; %&gt;
    &lt;form id=&quot;commentForm&quot; name=&quot;commentForm&quot; action=&quot;&quot; method=&quot;post&quot;&gt;
    
    
    
        &lt;ctl:vertScroll height=&quot;300&quot; headerStyleClass=&quot;data_table_scroll&quot; bodyStyleClass=&quot;data_table_scroll&quot; enabled=&quot;${user.scrollTables}&quot;&gt;
            &lt;ctl:sortableTblHdrSetup topTotal=&quot;false&quot; href=&quot;show.whatif_edit_entry?   entryId=${entry.entryId}&quot; /&gt;
            &lt;table class=&quot;data_table vert_scroll_table&quot;&gt;
    
    
    
                &lt;/tr&gt;
                &lt;tr&gt;
                    &lt;ctl:sortableTblHdr styleClass=&quot;center&quot; title=&quot;Comments&quot; property=&quot;comment&quot; type=&quot;top&quot;&gt;Comments&lt;/ctl:sortableTblHdr&gt;
                &lt;/tr&gt;
    
    
                &lt;c:forEach var=&quot;comments&quot; items=&quot;${entry.comments}&quot;&gt;
    
    
                    &lt;tr id=&quot;id${comments.id}&quot;&gt;
                        &lt;td id=&quot;comments-${comments.id}&quot; class=&quot;wrappable&quot; style=&quot;width:400px;&quot;&gt;${comments.comment}&lt;/td&gt;
                    &lt;/tr&gt;
    
    
    
                &lt;/c:forEach&gt;
                &lt;c:if test=&quot;${lock.locked || form.entryId &lt; 0 }&quot;&gt;
                    &lt;%-- This is the row for adding a new comment. --%&gt;
                        &lt;tr id=&quot;commentRow&quot;&gt;
                            &lt;td&gt;&lt;input type=&quot;text&quot; id=&quot;comment&quot; name=&quot;comment&quot; size=&quot;50&quot; maxlength=&quot;250&quot; onkeypress=&quot;javascript:return noenter();&quot; /&gt;
                                &lt;a href=&quot;javascript:addComment();&quot;&gt;&lt;img src=&quot;../images/icon_add.gif&quot; border=&quot;0&quot; alt=&quot;Add&quot;/&gt;&lt;/a&gt;
                            &lt;/td&gt;
    
                        &lt;/tr&gt;
                &lt;/c:if&gt;
    
            &lt;/table&gt;
    
        &lt;/ctl:vertScroll&gt;
    &lt;/form&gt;


It just stretches every time I submit.              
This page is within a div also. Do I need to set the width of the div and the table also?

How to force table cell &lt;td&gt; content to wrap?

I *DO* know this question has been asked at least a thousand times in this website alone, but I HAVE read many of those threads, I DO consider myself very knowledgeable and rarely ever ask anything, instead prefer to do my own research.

However, THIS issue is so strange, without hope for real enlightenment (since this question HAS been discussed so often and still I could not benefit from reading there), here is my issue:

favicon.ico exists, and (locally hosted development website) `http://website/favicon.ico` displays the correct icon. Its size is a mere 198 Bytes, so the size limit I found in Firefox&#39;s about:config of 1024 Bytes is adhered to. According to the wisdom on favicons on the web the browser should ask for favicons on its own when there is nothing in the &lt;head&gt; of the page. However, my apache log clearly shows Firefox (9.01) never even asks for it.

Next: when I add 

    &lt;link rel=&quot;shortcut icon&quot; href=&quot;/favicon.ico&quot;&gt;

I still don&#39;t get a favicon.

Next: when I instead use

    &lt;link rel=&quot;shortcut icon&quot; href=&quot;/favicon.ico?&quot;&gt;

(note the trailing &quot;?&quot;) I suddenly *DO* get a favicon. BUt it cannot be a cache issue! First, I have cleared the cache, second, as I mentioned above, I already successfully loaded the icon file into Firefox through its URL `http://website/favicon.ico`

I am unable to explain this behavior of Firefox. Chrome shows the correct favicon, by the way.

This is my page head:

    &lt;!doctype html&gt;
    &lt;html&gt;
    &lt;head&gt;
    	&lt;meta charset=&quot;utf-8&quot;&gt;
        &lt;link rel=&quot;shortcut icon&quot; href=&quot;/favicon.ico?&quot; /&gt;
    &lt;/head&gt;
    ...
As soon as I append at least the &quot;?&quot; after &quot;ico&quot; it works.

Here is what the server sends when the icon is requested, since some have asked for this. **I have no idea why this would be useful, since a) I said my cache was empty for each test (checked with about:cache too), and b) I said the server is never even asked for the file when it does not show up.** Firefox just does not ask without the &quot;?&quot; - with cache empty! The request shows up in the apache log ONLY when I use the appended &quot;?&quot;.

    Date	Fri, 23 Dec 2011 12:53:22 GMT
    Server	Apache/2.2.20 (Ubuntu)
    Last-Modified	Fri, 23 Dec 2011 12:02:49 GMT
    Etag	&quot;12c07fe-c6-4b4c132190e30&quot;
    Accept-Ranges	bytes
    Content-Length	198
    Content-Type	image/x-icon

favicon not displayed by Firefox

I want to set the favicon for a fairly large number of pages. But, instead of using the HTML `&lt;head&gt;` tag `&lt;link rel=&quot;shortcut icon&quot; href=&quot;favicon.ico&quot;&gt;`, I&#39;d like to set it in the CSS file. I have limited access to some of the html files, and limited control to their life cycle.

using favicon with css

I know new rails apps come with an empty favicon.ico file.  I want to know how I go about adding a favicon.  I know you can use the `favicon_link_tag` helper, but I am not sure how to populate the favicon.ico file.  Do you use favicon generators?  If so, which one is best?

I also want to be able to cache it, does rails do that automatically as well?

Thanks

How to add favicon in rails 3.2

I have a few static pages that are just pure HTML, that we display when the server goes down. How can I put a favicon that I made (it&#39;s 16x16px and it&#39;s sitting in the same directory as the HTML file; it&#39;s called favicon.ico) as the &quot;tab&quot; icon as it were? I have read up on Wikipedia and looked at a few tutorials and have implemented the following:

    &lt;link rel=&quot;icon&quot; href=&quot;favicon.ico&quot; type=&quot;image/x-icon&quot;/&gt;
    &lt;link rel=&quot;shortcut icon&quot; href=&quot;favicon.ico&quot; type=&quot;image/x-icon&quot;/&gt;

But it still doesn&#39;t want to work. I am using Chrome to test the sites. According to Wikipedia .ico is the best picture format that runs on all browser types.

## Update

I could not get this to work locally although the code checks out it will only really work properly once the server started serving the site. Just try pushing it up to the server and refresh your cache and it should work fine.

Adding a favicon to a static HTML page

Are there any modern browsers that won&#39;t detect the favicon.ico automatically? Is there any reason to add the link tag for favicon.ico?

    &lt;link rel=&quot;shortcut icon&quot; href=&quot;/favicon.ico&quot;&gt;

My guess is that it&#39;s only necessary to include it in the HTML document if you decide to go with GIF or PNG...

Content Type	Original Author	Original Content on Stackoverflow
Question	user784637	View Question on Stackoverflow
Solution 1 - Html	Nahydrin	View Answer on Stackoverflow
Solution 2 - Html	siburb	View Answer on Stackoverflow
Solution 3 - Html	nilsi	View Answer on Stackoverflow
Solution 4 - Html	Nicole	View Answer on Stackoverflow
Solution 5 - Html	user3907900	View Answer on Stackoverflow

Do you have to include <link rel="icon" href="favicon.ico" type="image/x-icon" />?

Html Problem Overview

Html Solutions

Solution 1 - Html

Solution 2 - Html

Solution 3 - Html

Solution 4 - Html

Solution 5 - Html

Compute list difference

What is the difference between max-device-width and max-width for mobile web?

Attributions