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. 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 ?
  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. 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
  4. 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
    !

    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