Opera me crée un <p> [RÉSOLU en 5mn10s]

bonjour ici,

Je viens vers vous car j'ai un problème avec opera. J'ai inseré un DIV avec une vidéo et un effet de preview en .js dans un tableau et ça fonctionne bien sur IE, Firefox, Chrome mais ça me rajoute un paragraphe sur opera et du coup ça me rajoute une cellule vide sur ce dernier navigateur.

Comme je sèche je vous soumet la page qui pose problème en espérant que vous puissiez le résoudre: http://konys.fr/videos/

Voici le code html de la page:

<table cellspacing="0" cellpadding="0" width="0" border="0">
<tr>
<td>
<div id="galerie-lightbox"><a href="http://www.youtube.com/embed/HnhpezzPMiA" class="video-galerie"/><div class="preview-wrapper"><img class="preview" src="/images/intro-1.jpg" alt="1" /><img class="preview" src="/images/intro-2.jpg" alt="2" /><img class="preview" src="/images/intro-3.jpg" alt="3" /></div></a></div>
</td>
</tr>
</table>

Je remarque que le paragraphe en question est également rajouté sur les autres navigateurs mais ils ne l’interprète pas, donc je comprend pas

Le <p> rajouté est le suivant:

<p>
<a href="http://www.youtube.com/embed/HnhpezzPMiA" class="video-galerie"></a>
</p>

Merci pour toute aide que vous pourrez m'apporter.
Modifié par konys (13 Nov 2012 - 15:57)

Salut,

Sauf en HTML 5, l'élément a ne peut pas avoir pour enfants des éléments de type bloc, comme div.

Merci, donc j'ai juste à patienter une mise à niveau du navigateur si j'ai bien compris ?

ps: Est-ce vraiment un navigateur utilisé ?
Modifié par konys (13 Nov 2012 - 15:44)

konys a écrit :
Merci, donc j'ai juste à patienter une mise à niveau du navigateur si j'ai bien compris ?

Non. Si Opera génère un élément de façon intempestive, c'est que ton code (ou le code généré par JavaScript, éventuellement) est invalide. Tu dois donc corriger le code HTML, en te faisant aider du validateur. Et ce n'est pas une question de navigateur : Firefox ou Safari risquent d'en faire de même.

konys a écrit :
ps: Est-ce vraiment un navigateur utilisé ?

Oui.

Soit dit en passant, je t'invite à lire ce billet en anglais.
Modifié par Victor BRITO (13 Nov 2012 - 16:59)

Merci, grâce à toi et au validateur j'ai pu résoudre mon problème.
En effet dans le premier code que je cite, le </a> entre les deux </div> était le problème et ce, uniquement sous opera.

Merci pour l'autre lien mais j'utilise déjà les modules cités et c'est comme cela que j'avais identifié le problème de <p> mais c'est seulement avec le validateur que j'ai pu identifier la cause.

cdt.