Image html

Résolu
derek487 -  
salut a tous ,

bon voila je n'arrive pas a inserer une image en html (ca ne l'affiche pas) 

<p><img src="image.jpg" alt=" no" ></p>

et c'est pareil avec le favicon je n'arrive pas a l'afficher j'ai essayer un tat de code differents : 

<lien  rel="icon"  href="favicon.ico"  type="image/x-icon" >

<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon">

4 réponses

  1.  KX Modérateur
    Bonjour,

    Il me semble, vu ton impression écran, que ton fichier s'appelle 
    image .jpg
    avec un espace entre 
    image
    et 
    .jpg
    !
    1. jee pee Modérateur
      Salut,

      Si tu regardes ton fichier image sur disque, il semble qu'il y ait un blanc entre le e et le .
      Donc 
      image.jpg
      n'est pas 
      image .jpg
        

      Pour le favicon je passe mon tour, c'était autrefois un tel m... que j'ai laissé tombé ;-)

      1. KX Modérateur
        "c'était autrefois un tel m... que j'ai laissé tombé ;-)"
        Ça n'a pas beaucoup changé, il n'y a qu'à regarder dans la page générée par CCM : 

        <meta name="msapplication-TileImage" content="https://astatic.ccmbg.com/www.commentcamarche.net/_skin/favicon/mstile-144x144.png" />
<meta name="msapplication-config" content="https://astatic.ccmbg.com/www.commentcamarche.net/_skin/favicon/browserconfig.xml" />

<link rel="manifest" href="https://astatic.ccmbg.com/www.commentcamarche.net/_skin/favicon/manifest.json" />
<link rel="mask-icon" href="https://astatic.ccmbg.com/www.commentcamarche.net/_skin/favicon/safari-pinned-tab.svg" color="#d51827" />
<link rel="icon" href="https://astatic.ccmbg.com/www.commentcamarche.net/_skin/favicon/favicon-32x32.png" sizes="32x32" type="image/png" />
<link rel="icon" href="https://astatic.ccmbg.com/www.commentcamarche.net/_skin/favicon/favicon-16x16.png" sizes="16x16" type="image/png" />
<link rel="icon" href="https://astatic.ccmbg.com/www.commentcamarche.net/_skin/favicon/android-chrome-192x192.png" sizes="192x192" type="image/png" />
<link rel="apple-touch-icon" href="https://astatic.ccmbg.com/www.commentcamarche.net/_skin/favicon/apple-touch-icon-57x57.png" sizes="57x57" />
<link rel="apple-touch-icon" href="https://astatic.ccmbg.com/www.commentcamarche.net/_skin/favicon/apple-touch-icon-60x60.png" sizes="60x60" />
<link rel="apple-touch-icon" href="https://astatic.ccmbg.com/www.commentcamarche.net/_skin/favicon/apple-touch-icon-72x72.png" sizes="72x72" />
<link rel="apple-touch-icon" href="https://astatic.ccmbg.com/www.commentcamarche.net/_skin/favicon/apple-touch-icon-76x76.png" sizes="76x76" />
<link rel="apple-touch-icon" href="https://astatic.ccmbg.com/www.commentcamarche.net/_skin/favicon/apple-touch-icon-114x114.png" sizes="114x114" />
<link rel="apple-touch-icon" href="https://astatic.ccmbg.com/www.commentcamarche.net/_skin/favicon/apple-touch-icon-120x120.png" sizes="120x120" />
<link rel="apple-touch-icon" href="https://astatic.ccmbg.com/www.commentcamarche.net/_skin/favicon/apple-touch-icon-144x144.png" sizes="144x144" />
<link rel="apple-touch-icon" href="https://astatic.ccmbg.com/www.commentcamarche.net/_skin/favicon/apple-touch-icon-152x152.png" sizes="152x152" />
<link rel="apple-touch-icon" href="https://astatic.ccmbg.com/www.commentcamarche.net/_skin/favicon/apple-touch-icon-180x180.png" sizes="180x180" />

        Super simple ^^
      2. jee pee Modérateur
        @KXc'est aussi ce que j'avais fait pour trouver un exemple simple, qui marche
    2. derek487 Auteur
      merci que je suis con j'avait même pas remarquer sinon pour le favicon vous -avez une idee ?
      1. KX Modérateur
        Pour le favicon, il faut surtout être rigoureux. 

        <lien rel="icon" href="favicon.ico" type="image/x-icon" >
        est faux car 
        <lien
        ce n'est pas 
        <link
        et que si on ouvre une balise il faut la fermer.

        Même problème avec 
        <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon">
        il faut fermer la balise.

        Un peu de recherche sur Google, ou Wikipédia et tu as la bonne réponse à copier-coller : 
        <link rel="icon" type="image/png" href="favicon.png" />
      2. derek487 Auteur
        enfaite c'est ecris lien parce que j'ai ete le trouver sur un site et google traduction a fait son boulo

        et pour ton lien il ne fonctionne pas ce qui cloche :




        et pour info favicon.ico est en 16x16
    3. derek487 Auteur
      c'est bon j'ai trouver merci KX
      1. derek487 Auteur
        je l'ai ren en .ico
      2. jee pee Modérateur
        @derek487là tu as un peu de chance ! car changer l'extension d'un fichier image ce n'est pas la méthode appropriée pour changer son format. Dans la majorité des cas.
      3. derek487 Auteur
        non enfaite je voulais dire que je n 'ai pas changer l'extension mais juste renomer dans l'editeur
        c'est plus simple que de changer carrement l'ext
      4. derek487 Auteur
        est-il aussi possible de modifier la taille d'un fav sans passer par un site ou un logiciel ?

    Discussions similaires

    Retrouver l'image originale d'une photo modifiée
    Raven

    10 réponses
    Comment recadrer une image avec Inkscape
    infofeet

    13 réponses