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:

Remplacer href dans une div pour conformité html5
Quel site pour remplacer coco - Accueil - Réseaux sociaux
Remplacer disque dur par ssd - Guide
Remplacer dans word - Guide
Remplaçant de Coco : quelles solutions pour tchater gratuitement en ligne ? - Accueil - Réseaux sociaux
Div c++ - Télécharger - Langages

2 réponses

Réponse 1 / 2

Reivax962 Messages postés 3672 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

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 ;)

Réponse 2 / 2

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 ;-)

Discussions similaires

comment remplacer un #div/0! par une cellule vide

Remplacer Char * dans excel