Problème de taille avec des liens dans une section <em>

Bonjour,

Je voudrais mettre des liens dans une section popup appelé par un lien et une balise <em> et je n'y parviens pas. Je sais que ce n'est pas évident de mettre un lien dans un autre lien.

Voir à cette page :
http://connaissances.org/site2/

Les css sont :
http://connaissances.org/site2/web.css
http://connaissances.org/site2/css/flyout_ie.css

Il n'y a aucun problème à mettre des liens dans la section visible. Par contre, la section invisible et appelée par le lien "plus»" qui fonctionne très mal lorsque des liens sont incorporés au texte. Voir la deuxième section dans la page qui ne comporte pas de lien et qui fonctionne très bien.

Avec IE6, un lien inséré au milieu du premier paragraphe de la section cachée est absent et tout le reste de la page devient en italique. De plus, les liens ne peuvent être cliquables, c'est la section qui se ferme lors de tentative de clic.

Dans FF, c'est pire encore. le premier paragraphe invisible est rogné de son début, le lien apparaît et tout le reste du contenu est en italique.

Le lien "plus»" fonctionne à l'envers. et bien entendu, impossible de cliquer sur les liens de cette section.

Je pense que ça prend un expert pour résoudre cet amalgame de problèmes et c'est ce que je ne suis pas. Il y a un petit code JavaScript dans le lien qui appelle la section cachés. Je ne sais pas si ces problèmes peuventg être résolus à partir du css, du code javascriopt ou d'uine autre codification. Je demande donc votre aide.

Merci à l'avance,
GJ

Bonsoir,

gj123 a écrit :
Je sais que ce n'est pas évident de mettre un lien dans un autre lien.

En effet. Pour tout dire, on ne peut pas.

Avant d'aller plus loin, valider la page serait une priorité. Et découvrir du coup les règles de la syntaxe HTML.

allez hop ! Un petit tour sur http://validator.w3.org

On t'aidera à corriger les erreurs

Bonjour Laurent,

Je savais effectivement que la page ne validait pas. Je tiens à ce qu'il y aie plus d'un paragraphe dans la section cachée et ça ne valide pas lorque je change l'emplacement des <p></p>. Ce sera une autre question à résoudre par la suite mais pour l'instant, je voudrais me concentrer sur le problème des liens à installer dans cette section.

J'ai modifié les paragraphes et maintenant le code valide tel que demandé.

Alors, maintenant pouvez-vous m'aider À résoudre mes problèmes de liens ?

La page est visible à : http://connaissances.org/site3/

Les css sont :
http://connaissances.org/site3/web.css
http://connaissances.org/site3/css/flyout_ie.css

Merci,
GJ

Bonjour (re)

Ton code actuel (j'allège le texte):

<p>
  <a class="hid" href="#holder" onclick="this.hideFocus=true" onblur="this.hideFocus=false">
    <span>plus »</span>
    <em>Lorem...
      <span class="liens">
        <a href="otherpage.html">nostrud exercitation</a>
      </span>
      ullamco...
      <span class="liens">
        <a href="otherpage.html">magna aliqua</a>
      </span>
      Ut enim...
      <span class="liens">
        <a href="otherpage.html">non proident</a>
      </span>
      sunt in...
    </em>
  </a>
</p>

Au risque de me répéter, un lien ne peut pas contenir un autre lien.


Face à un code invalide de ce type, chaque navigateur va tenter de rétablir une structure valide. Les résultats diffèrent selon les navigateurs et leurs procédures de gestion d'erreur, et diffèrent bien souvent de ce que l'auteur attendait. C'est l'une des raisons de base pour lesquels un code doit être valide.

Ton javascript est peut-être erroné, mais il est inutile de faire quoi que ce soit sur cette page avant d'avoir rétabli une structure valide.
Modifié par Laurent Denis (29 Jul 2006 - 07:04)