Remplacer href dans une div pour conformité html5

Résolu/Fermé
midnnight Messages postés 484 Date d'inscription jeudi 23 février 2006 Statut Membre Dernière intervention 26 juillet 2017 - 17 juin 2016 à 12:47
midnnight Messages postés 484 Date d'inscription jeudi 23 février 2006 Statut Membre Dernière intervention 26 juillet 2017 - 17 juin 2016 à 14:26
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 ;)
A voir également:

2 réponses

Reivax962 Messages postés 3671 Date d'inscription jeudi 16 juin 2005 Statut Membre Dernière intervention 11 février 2021 1 011
17 juin 2016 à 13:24
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
midnnight Messages postés 484 Date d'inscription jeudi 23 février 2006 Statut Membre Dernière intervention 26 juillet 2017 38
17 juin 2016 à 14:26
+1 ;)
0
midnnight Messages postés 484 Date d'inscription jeudi 23 février 2006 Statut Membre Dernière intervention 26 juillet 2017 38
17 juin 2016 à 14:25
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