<a> sur <img>

Résolu
Bonjour à tous,

j'ai un autre problème sur mon site, des plus idiots :

La balise <a> ci-dessous ne fonctionne pas :/
<a href="index.html"><img alt="" id="menuIcone" src="img/menu/site-temp2.png"></a>

Suis-je aveugle ? je me le demande bien, car je ne vois rien qui pourrait nuire à cela.

Merci de vos réponses

2 réponses

  1. Contributeur
    Salut,

    Oulla plusieurs soucis :

    <a href="index.html"><img src="./img/menu/site-temp2.png" alt="" id="menuIcone"></a>

    Je pense que ca sera mieux, par contre mais le chemin complet de l'image, sa évitera des soucis.
    1. Que je suis aveugle, je ne me rappelais plus que l'ordre des attributs dans <img> était d'une grande importance.

      En tous cas merci, bonne soirée !
    2. "l'ordre des attributs dans <img> était d'une grande importance. " l'ordre des attributs n'a aucune importance.
    3. J'avais un autre problème : le z-index d'un menu transparent était dessus l'image (j'aurais du m'en rendre compte). Je m'en suis aperçu grâce à la fonctionnalité de Brackets surlignant les bords des composants
  2. Hello,
    <a href="index.html">
        <img alt="" id="menuIcone" src="img/menu/site-temp2.png" />
    </a>
    

    N'oublie pas de refermer la balise <img /> (ou pas) selon ton doctype:
    In HTML the <img> tag has no end tag.
    In XHTML the <img> tag must be properly closed.

    https://www.w3schools.com/tags/tag_img.asp
    D'autre part, défini une width et height de ton image, que ce soit en HTML ou en CSS.
    1. Bonjour,

      merci de votre réponse, mais Aranud a été plus rapide.
      Le problème était une erreur de z-index sur l'image en question.

      Merci encore

      Cordialement