Salut,
 
Je viens de découvrir que Mozilla (pas IE apparemment) afficge une petite îcone sur certains sites Web, dans la barre d'adresse - juste avant l'adresse du site.
 
D'où vient cette image et comment faire pour que son site la diffuse ?
 
Merci

<link rel="shortcut icon" href="favicon.ico" />
 
cf la source de cette page du forum

 
pkoi tu mets un />    
c'est + propre?

 
C'est XHTML compliant, car <link> est une balise orpheline (y'a pas de </link> ) idem pour <br /> par exemple, <img src="" />, etc.

 
copier-coller du source du forum, qui est en xhtml comme l'a dit fastclemmy...

Les « shortcut icons » ou « favicons » ou encore « icones de pages »
 
Les « shortcut icons » sont supportées par les navigateurs suivants :
 
    * Microsoft Internet Explorer >= 5
    * Mozilla >= 0.9.7
    * Galeon
    * Konqueror
 
Comment faire apparaître une icone de page (la bonne manière)
 
Il y a 2 approches possibles, une approche respectueuse des standards et une autre qui ne l'est pas. Vous opterez pour l'une ou pour l'autre en fonction de vos priorités. Quelque soit votre choix, vous devez faire attention à bien faire correspondre l'attribut type avec le format de l'image que vous utilisez.
 
Une approche respectueuse des standards du Web, initiée par Mozilla, utilisant des formats d'images standards, mais ne fonctionnant pas encore avec Microsoft Internet Explorer :
 
      <link rel="icon" type="image/png" href="/img/logo.png" />
     
 
      <link rel="icon" type="image/jpeg" href="/img/logo.jpg" />
     
 
Une approche initiée Microsoft utilisant des formats d'images non standards, fonctionnant (forcément) avec Microsoft Internet Explorer et aussi avec d'autres navigateurs qui ont décidé d'offrir cette compatibilité par égard pour les utilisateurs :
 
       
      <link rel="shortcut icon" type="image/x-icon" href="/img/favicon.ico" />
     
 
L'attribut type="image/x-icon" peut également être omis mais c'est encore plus à éviter :
 
      <link rel="shortcut icon" href="/img/favicon.ico" />
     
 
Les icones de pages doivent être réalisées à l'une des tailles suivantes :
 
    * 16x16 pixels
    * 32x32 pixels
 
Mozilla supporte une très grande variété de formats d'image : PNG, MNG, JPEG, GIF, XBM, BMP, ICO.
 
Microsoft Internet Explorer supporte uniquement le format d'image ICO.
Comment faire apparaître une icone de page (la mauvaise manière)
 
Placer une image favicon.ico à la base d'un site, et elle sera automatiquement repérée et affichée par Microsoft Internet Explorer. Ceci est une mauvaise approche car :
 
    * cette pratique s'apparente à des attaques de déni de service, ou Denial of Service (DoS) ;
    * en recherchant systématiquement favicon.ico (et en ne la trouvant généralement pas), les navigateurs remplissent les logs des serveurs web avec des requêtes inutiles, ce qui complique la tâche des webmestres.
 
Exemples
 
Les sites suivants utilisent correctement des icones de pages d'une manière respectueuse des standards :
 
    * Mozilla.org, site pour le développement du navigateur Mozilla
    * Savannah, référentiel de projets libres
    * LinuxFr, portail francophone de nouvelles sur les logiciels libres et les sujets connexes

le plus simple c'est de mettre un link vers le favicon.ico, comme sur ce forum, au moins ça marche partout et ça reste dans les normes

l'icone doit être située où dans le répertoire pour que ca soit propre ?

a la racine

 
pour que ce soit propre, où tu veux
pour que ça marche avec IE, à la racine

ben j'ai mis ca:
 
<link rel=\"icon\" type=\"image/gif\" href=\"/favicon.gif\" />
et ca marche bieng

mais heu :  

 
 
alors la bonne manière c'est quoi  

ca revient au meme

 
pas obligé de le mettre a la racine pour que ça marche avec IE

 
C'est de preciser que tu as mis une icone a la base de ton site par l'intermédiaire d'un <link ref...

 
il va pas s'amuser à parcourir tout le serveur web quand même ?
c'est soit à la racine soit dans le dossier de la page je suppose...

pour tester j'ai mis un favicon.ico dans ma racine, puis
 
 <link rel="shortcut icon" type="image/x-icon" href="favicon.ico" />
 
comme préscrit, et ca marche sous mozilla mais pas IE, pourquoi ?

IE n'affiche l'icône que quand tu mets le site des tes favoris (d'où le nom favicon)

bah oui il est justement dans mes favoris, j'suis pas si neuneu que j'en ai l'air    
mais s'marche pas

+1 sous Ie
 
mozilla marche nikel

oué
 
et tout a l'heure au reboot d'apache il m'a empeche la connection  cause de ca

ah tiens, le problème viens peut-être de mon icône    
 
c'est un vieux .gif des familles dont j'ai changé l'extension en .ico, je suis trop un porc    
 
comment faire un beau .ico  ?

 
 
tu prend xnview et tu convertie en 2 sec

c'est fait mais ca marche toujours po    
 
je capte quedalle. J'ai fait save as ---> .ico pour convertir.  Dans mon repertoire, au lieu du petit icône de fichier inconnu (pour dire que windows sait pas avec kel application ouvrir le fichier) , désormais mon fichier favicon.ico affiche directement  une preview de mon image. J'en conclue que la conversation a réussie.  
 
le fichier index.htm et le favicon sont tous les deux à la racine du repertoire de mon site. index contient ceci dans head : <link rel="shortcut icon" type="image/x-icon" href="favicon.ico" />
 
ca marche sous mozilla, mais dans IE oú j'ai mis le site en favoris, lorsque j'ouvre l'onglet des favoris j'ai maintenant le petit icône de fichier inconnu á côté du nom de mon site.
 
 

j'ai :  
windows icon  
16 x 16  
colors : 16
bit per planes : 4
planes : 1

 
ah ouè d'accord....
merci... jvé my mettre aussi au </>

 
 
erreur et impossible de booter apache

 
et le doctype XHTML qui va avec, et la validation qui va avec aussi

 
vu que j'ai mis le favicon j'ai pas ce prob, par contre j'ai plein de :

 
j'ai aussi régulièrement ça :

 
je sais pas ce que c'est cette merde qui passe plusieurs fois par jour sur mon site, et qui chaque fois se tappe des 404. Je me demande d'où il sort ses liens en fait...

personne ne capte pourquoi ca marche pas mon favicon ?

mon site est pas encore en ligne, j'ai donc essayé <link rel="shortcut icon" type="image/x-icon" href=""file:///D|/Sitios/final/favicon.ico" /> et c'est pire : ca ne marche plus sous mozilla.  
 
je vais plutôt chercher de ce côté :  

 
Peut-être trop de couleurs

ok je viens de lire que favicon marche s'il est à la racine du serveur (et non du site) et "Si vous n'avez pas accès a la racine du serveur (hebergement gratuit par exemple), vous devez placer sur votre page, entre les balises <HEAD> et </HEAD> le tag suivant:
<LINK REL="SHORTCUT ICON" href="http://racine.com/vous/favicon.ico">.  
 
Peut-être que mon lien relatif ne marchera que lorsque le site sera en ligne, mais ca serait bizarre tout de même, bref un  et un gros    s'imposent

Topic intéressant. On a fait le tour de la question.
 
ChiCOToS, je linke ton explication très complète avec la FAQ

 
C'est sympa merci mais ne me remercie pas moi, mais google...
Les gens devraient y faire un tour plus souvent avant de poser leur question betement sur le forum.
Mots-clés : shortcut icon
Pages : francophones
Et hop la premiere page :
 http://www.aful.org/gdt/interop/icone_de_page.html  
C'était pas plus compliqué que ça !
Enfin bref, c'est bien de l'avoir mis dans la FAQ !    
 
Ce qui serait bien c'est que tu mettes un truc dans la FAQ a propos des divs scrollable, style :
Comment mettre une barre de défilement dans une cellule ?
=> blabla css... overflow: auto; ...
 
Voila juste une idée !
a+

Rhoooo, honte à moi : le lien que tu donnes est lié au projet Interop de l'AFUL et dont je suis (de loin) la mailing list...
 
Pour le DIV scrollable, je vais le faire. Il faut juste que je retrouve le sujet qui en parlait.

slt!
je voudrais savoir, avec netcaptor ça marche comment? paske j'ai fait tt ce qui est dit + haut et ça marche pas
 
au fait, google a aussi une icone mais a aucun moment ya <link rel="shortcut icon" href="favicon.ico" /> (ou un truc similaire) dans la source...

 
Certainement parce que google affiche son icone par la "mauvaise maniere", c'est a dire en mettant juste un favicon.ico a la racine du site.
C'est vraiment pas ce qu'il y a de mieux, et en plus ça ne marche que sous IE !

j'ai celle de mon site sous IE mais pas sous netcaptor      
pourtant tous les sites qui ont un favicon ça marche!

 
Moi je l'ai... mais c'est pcq j'ai installé Multizilla & Moztweak (je sais plus lequel des deux ajoute cette feature)

je vois pas en quoi ça le pourrit