Remplacer href dans une div pour conformité html5

Résolu
midnnight Messages postés 514 Statut Membre -  
midnnight Messages postés 514 Statut Membre -
Bonjour,
La validation W3C m'est demandée impérativement et :
J'ai le problème suivant : je travail sur un script html5 css3. >>Le code ouvre une popup sur le site en légère transparence, et quand je place :
<div class="item g1 popup-with-zoom-anim" href="#small-dialog2">blabla</div> 

>>>ça fonctionne, mais non valide W3C html5<<<
j'ai essayé "nav", "rel", "class", "id"... "class" exemple<div class="item g1 popup-with-zoom-anim" id="#small-dialog2"> mais la popup ne s'ouvre plus.
j'ai essayé
<div class="item g1 popup-with-zoom-anim"> <a href="#small-dialog2">blabla</a></div> 

mais rien n'y fait
Comment enlever le "href" non valide à l"intérireur de la <div> et que le lien fonctionne svp^^merci ;)

2 réponses

  1. Reivax962 Messages postés 3742 Statut Membre 1 011
     
    Bonjour,

    On manque d'infos pour donner une réponse sûre à 100%, mais je pense que tu devrais essayer quelque chose comme ça :
    <div> <a class="item g1 popup-with-zoom-anim" href="#small-dialog2">blabla</a></div>

    En espérant que les classes item, g1 et popup-...-anim puissent s'appliquer à un lien.

    Xavier
    1
    1. midnnight Messages postés 514 Statut Membre 38
       
      +1 ;)
      0
  2. midnnight Messages postés 514 Statut Membre 38
     
    effectivement j'avais pas pensé a ça mais ça fonctionne merci!
    par contre et curieusement, "cliquez pour en savoir plus" n'apparaît plus,

    <div> <a class="item g1 popup-with-zoom-anim" href="#small-dialog2">
    <img class="lazyOwl img-responsive" data-src="images/port2.jpg" src="images/port2.jpg" alt="name" />
    <div class="caption">
    <span class="glyphicon glyphicon-hand-up"></span>
    <p>Cliquez pour en savoir plus</p></a>
    </div>
    </div>

    dans la foulée si tu vois pourquoi^^? Mais sinon je devrais pouvoir corriger ça... Thanks @Reivax962 ;-)
    0