Bonjour,
le titre n'est surement pas très clair, j'ai voulu faire synthétique .
J'ai un site avec des articles dedans. Ces articles sont une suite de paragraphe avec des titres de sous paragraphes, rien de spécial.
Simplement, le contenu étant assez technique, je remplace une série de mots clés d'après mon glossaire (en base) par un boite flottante qui apparaît lorsqu'on passe la souris dessus.
Or, j'ai constaté un bug d'affichage sous Chrome. En creusant, j'ai appris que ce que je faisais n'était pas licite.
En effet, mon glossaire étant construit dans la même interface TinyMce que mes articles, les textes sont au minimum dans un paragraphe <p>. Or j'avais opté pour un span pour faire ma boite d'aide flottante. Du coup, P dans SPAN == BOOM
Le problème est que je ne vois pas de solution. Mon texte de base est donc forcément dans un P et dans un P je ne peux pas mettre d'élément de type BLOC (ni P ni DIV) : échec et mat !
Alternative, en PHP je remplace les balises P de mon glossaire par des SPAN et en CSS je dis que ce SPAN est display:block pour retrouver la mise en page du P.
Mais est-ce autorisé ?
Petit bout de code pour éclaircir mon propos :
Après remplacement ça donnerait :
Bon, il y a du span de span de span mais au moins la structure HTML est licite (si j'ai bien tout compris.
Merci
Cordialement
le titre n'est surement pas très clair, j'ai voulu faire synthétique .
J'ai un site avec des articles dedans. Ces articles sont une suite de paragraphe avec des titres de sous paragraphes, rien de spécial.
Simplement, le contenu étant assez technique, je remplace une série de mots clés d'après mon glossaire (en base) par un boite flottante qui apparaît lorsqu'on passe la souris dessus.
Or, j'ai constaté un bug d'affichage sous Chrome. En creusant, j'ai appris que ce que je faisais n'était pas licite.
En effet, mon glossaire étant construit dans la même interface TinyMce que mes articles, les textes sont au minimum dans un paragraphe <p>. Or j'avais opté pour un span pour faire ma boite d'aide flottante. Du coup, P dans SPAN == BOOM
Le problème est que je ne vois pas de solution. Mon texte de base est donc forcément dans un P et dans un P je ne peux pas mettre d'élément de type BLOC (ni P ni DIV) : échec et mat !
Alternative, en PHP je remplace les balises P de mon glossaire par des SPAN et en CSS je dis que ce SPAN est display:block pour retrouver la mise en page du P.
Mais est-ce autorisé ?
Petit bout de code pour éclaircir mon propos :
<p>mon article commence et je tombe sur un mot compliqué .... puis fin de mon paragraphe.</p>
Après remplacement ça donnerait :
<p>mon article commence et je tombe sur un <span class='glossary'>mot compliqué<span class='explication'><span>paragraphe explicatif où P ont été remplacés par des SPAN</span></span></span> .... puis fin de mon paragraphe.</p>
Bon, il y a du span de span de span mais au moins la structure HTML est licite (si j'ai bien tout compris.
Merci
Cordialement