Cadre qui disparaît mystérieusement...

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Cadre qui disparaît mystérieusement...

Message par Mikltov le Mar 10 Aoû 2010 - 16:49

Bonjour ou bonsoir lorsque vous lirez mon message.


Depuis quelques jours, j'ai de sérieux problèmes avec le CSS pour mon [url=ex-libris-umbra.forumactif.us]forum[/url], et ce... Depuis mon changement de nom qui date de vendredi dernier. Bien que j'avais pu régler une partie du problème, cette fois, c'en est un autre...

J'ai, pour faciliter la navigation, un système d'onglet sur ma page d'accueil. Ca ne prend pas de place, c'est pratique, et c'est astucieux.

Cependant, depuis quelques heures déjà, je bloque sur un problème de taille...




En bref, le cadre du premier onglet a disparu dans les deux autres onglets. Il se désactive.
Y aurait-il un moyen d'y remédier ?

J'ajoute que, quand je prends séparément le contenu des onglets, le cadre de fond est apparant.

Pour vous aider directement, voici mon code ci-dessous...

Spoiler:
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr">
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
  <title>Onglet</title>
  <script type="text/javascript">
  function onglet(value)
  {
      var actual=document.getElementById(value).style.display;
     
     
      if (actual=='block')
      {
      document.getElementById(value).style.display='block';
      }
      else if (actual=='none')   
      {
       
        document.getElementById(value).style.display='block';
       
        if (value=='onglet1')
            {
            document.getElementById('onglet2').style.display='none';
            document.getElementById('onglet3').style.display='none';
            }
        else if (value=='onglet2')
            {
            document.getElementById('onglet1').style.display='none';
            document.getElementById('onglet3').style.display='none';
            }
        else
            {
            document.getElementById('onglet1').style.display='none';
            document.getElementById('onglet2').style.display='none';
            }
      }
  }
  </script>
  <style type="text/css">
  .tab
  {
  cursor:pointer;
  display:inline;
  width:200px;
  height:30px;
  }
 
  .tab td
  {
  background-color:#59360B;
  color:#EDE7C2;
  }
  </style>
 </head>
 <body>
  <div>
      <table onmouseover="onglet('onglet1');" class="tab">
            <tr><td>
                  <b>Toi, Cher Visiteur</b><br><br>
            </td></tr>
      </table>
    <table onmouseover="onglet('onglet2');" class="tab">
            <tr><td>
                  <b>Toi, Cher Joueur</b><br><br>
            </td></tr>
      </table>
      <table onmouseover="onglet('onglet3');" class="tab">
            <tr><td>
                  <b>Toi, Cher Partenaire</b><br><br>
            </td></tr>
      </table>
  </div>
 
  <div id="onglet1" style="display:none;">
<TABLE width="100%" background=http://img704.imageshack.us/img704/7176/fondpourprsentation2.png height="100%">
<TBODY>
<TR>
<TD>
<TABLE border=0 cellSpacing=1 cellPadding=1 width="70%" align=right>
<TBODY>
<TR>
<TD><BR>
<DIV align=center><FONT size=2>Si tu connais l'univers de <EM>Harry Potter</EM>...</FONT></DIV>
<DIV align=center><FONT size=2>&nbsp;Ne t'es-tu pas, parfois, <EM>demandé</EM></FONT></DIV>
<DIV align=center><FONT size=2>ce qui se passait&nbsp;derrière <EM>l'histoire officielle ?</EM></FONT></DIV>
<DIV align=center><FONT size=2></FONT>&nbsp;</DIV>
<DIV align=center><FONT size=2>N'as tu pas souvent <EM>imaginé</EM></FONT></DIV>
<DIV align=center><FONT size=2>&nbsp;comment ça pouvait se passer si...</FONT></DIV>
<DIV align=center><FONT size=2>&nbsp;certains <EM>personnages</EM>...</FONT></DIV>
<DIV align=center><FONT size=2>avaient fait des choix différents ?</FONT></DIV>
<DIV align=center><FONT size=2></FONT>&nbsp;</DIV>
<DIV align=center><FONT size=2>Et si tu avais la <EM>capacité</EM> de tout <EM>réécrire</EM> ?</FONT></DIV>
<DIV align=center><FONT size=2>&nbsp;De créer de <EM>nouveaux évènements</EM> ?</FONT></DIV>
<DIV align=center><FONT size=2>&nbsp;Et une <EM>nouvelle histoire</EM>... ?</FONT></DIV>
<DIV align=center>&nbsp;</DIV>
<DIV align=center><FONT color=white size=4>Que ferais-tu ?</FONT></DIV>
<DIV align=center><FONT color=white size=4>Quel choix ferais-tu ?</FONT></DIV>
<DIV align=center>&nbsp;</DIV>
<DIV align=center><FONT color=yellow><STRONG>Alors, rejoins-nous.</STRONG></FONT></DIV>
<DIV align=center><FONT color=yellow><STRONG>Incarne un personnage de ton imagination...</STRONG></FONT></DIV>
<DIV align=center><FONT color=yellow><STRONG>Ou un des personnages de la saga de J.K Rowling.</STRONG></FONT></DIV>
<DIV align=center><FONT color=yellow><STRONG>&nbsp;Et participe à ce forum RP convivial,</STRONG></FONT></DIV>
<DIV align=center><FONT color=yellow><STRONG>&nbsp;Garanti 100% littéraire, avec une communauté sympathique.</STRONG></FONT></DIV>
<DIV align=center><FONT color=orange size=5>Où jamais rien ne sera plus comme avant.</FONT></DIV>
<P>&nbsp;</P></TD>
<TD>
<DIV align=right><FONT size=2><IMG border=0 alt="" src="http://img709.imageshack.us/img709/4873/voustesperdu.png"></FONT></DIV>
<DIV align=right><FONT size=2></FONT>&nbsp;</DIV>
<DIV align=right><FONT size=2>Vous êtes perdu ? Ne paniquez pas.</FONT></DIV>
<DIV align=right><FONT size=2>Presque tout le forum est ouvert, et vous pouvez lire tout le jeu qui s'y passe. Seules certaines rubriques ont été fermées intentionnellement.</FONT></DIV>
<DIV align=right><FONT size=2>Prenez votre temps, pour vous forger une opinion sur <STRONG><FONT color=white>Ex Libris Umbra</FONT></STRONG>.</FONT></DIV>
<DIV align=right><FONT size=2></FONT>&nbsp;</DIV>
<DIV align=right><FONT size=2>Ensuite,&nbsp;nous vous conseillons d'aller lire les <A class=postlink href="http://ex-libris-umbra.forumactif.us/chartes-et-regles-f1/?sid=bd7f8ca73626c65447be55e273855a1f">règles</A>.</FONT></DIV>
<DIV align=right><FONT size=2>Si cela vous dit, vous pouvez aussi jeter un coup d'oeil dans les&nbsp;<A class=postlink href="http://ex-libris-umbra.forumactif.us/fiches-des-personnages-f9/?sid=bd7f8ca73626c65447be55e273855a1f">fiches des personnages</A>.</FONT></DIV>
<DIV align=right><FONT size=2></FONT>&nbsp;</DIV>
<DIV align=right><FONT size=2>Si tout ceci vous a séduit, n'hésitez plus... <A class=postlink href="http://ex-libris-umbra.forumactif.us/profile.forum?mode=register?sid=bd7f8ca73626c65447be55e273855a1f">Inscrivez-vous</A>.</FONT></DIV>
<DIV align=right><FONT size=2>Nous serons heureux de vous compter parmi nous.</FONT></DIV>
<DIV align=right><FONT size=2></FONT>&nbsp;</DIV>
<DIV align=right><FONT size=2>_________________</FONT></DIV>
<DIV align=right><FONT size=2>_________________</FONT></DIV>
<DIV align=right><FONT size=2></FONT>&nbsp;</DIV>
<DIV align=right><FONT size=2><IMG border=0 alt="" src="http://img339.imageshack.us/img339/6585/unequestion.png"></FONT></DIV>
<DIV align=right><FONT size=2></FONT>&nbsp;</DIV>
<DIV align=right><FONT size=2>Vous avez une question ? Une suggestion ? Et vous ne voulez pas vous inscrire avant d'avoir la réponse à vos interrogations ?</FONT></DIV>
<DIV align=right><FONT size=2>N'hésitez plus. Vous avez une <A class=postlink href="http://ex-libris-umbra.forumactif.us/mots-des-invites-c2/?sid=bd7f8ca73626c65447be55e273855a1f">section spéciale</A>, où il est inutile d'être inscrit.</FONT></DIV>
<DIV align=right><FONT size=2></FONT>&nbsp;</DIV>
<DIV align=right><FONT size=2>Nous vous répondrons le plus rapidement que possible.</FONT>
<P></P></DIV></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>
<P></P></TBODY></TABLE></div>

 <div id="onglet2" style="display:none;">
  <TABLE width="100%" background=http://img190.imageshack.us/img190/7176/fondpourprsentation2.png height="100%">
<TBODY>
<TR>
<TD>
<DIV align=right>
<TABLE border=0 cellSpacing=1 cellPadding=1 width="70%" align=right>
<TBODY>
<TR>
<TD></TD>
<TD>
<DIV align=center><IMG border=0 alt="" src="http://img97.imageshack.us/img97/888/datedujeu.png"></DIV>
<DIV align=center><STRONG><FONT size=4><U>MARS 1992</U></FONT></STRONG></DIV></TD>
<TD></TD></TR>
<TR>
<TD>
<DIV align=center><IMG border=0 alt="" src="http://img535.imageshack.us/img535/1722/sypnosis.png"></DIV>
<DIV>&nbsp;</DIV>
<DIV align=left>1981, Le Seigneur des Ténèbres disparaît en assassinant les Potters. Seul survit de l'attaque Harry Potter, âgé d'un an.</DIV>
<DIV align=left>Dix ans plus tard, le voici à l'Ecole de Sorcellerie Poudlard.</DIV>
<DIV align=left>Mais, derrière ses aventures... Que se passe t-il ?</DIV>
<DIV>&nbsp;</DIV>
<DIV align=left>Venez écrire l'Histoire des Ombres, celle qui ne sera jamais contée.</DIV></TD>
<TD>
<DIV align=center><IMG border=0 alt="" src="http://img409.imageshack.us/img409/6169/scnario.png"></DIV>
<DIV>&nbsp;</DIV>
<DIV align=center>Des élèves de diverses horizons doivent se connaître et apprendre à vivre ensemble, sous les Quatre Maisons.</DIV>
<DIV align=center>Mais un danger insoupçonné, vivant à l'intérieur d'eux, pourrait leur couter très cher.</DIV>
<DIV align=center>Deux élèves de Serpentard ont cédé à ce péché qu'on appelle...</DIV>
<DIV align=center>TENTATION.</DIV>
<DIV align=center><EM><FONT size=4>En ferez vous parti ?</FONT></EM></DIV></TD>
<TD>
<DIV align=center><IMG border=0 alt="" src="http://img707.imageshack.us/img707/2594/derniresnouvelles.png"></DIV>
<DIV>&nbsp;</DIV>
<DIV align=right>Deux élèves de Serpentard, <A class=postlink href="http://ex-libris-umbra.forumactif.us/serpentard-valides-f91/matthew-hawkins-admis-t402.htm">Matthew Hawkins</A> et <A class=postlink href="http://ex-libris-umbra.forumactif.us/serpentard-valides-f91/rutsuku-fushin-eleve-delinquant-xdadmis-t327.htm">Rutsuku Fushin</A> ont décidé de reporter leur plan pour récupérer la Pierre Philosophale.</DIV>
<DIV>&nbsp;</DIV>
<DIV align=center><EM>Serez vous avec ou contre eux ?</EM></DIV>
<DIV align=center>&nbsp;</DIV>
<DIV align=center>&nbsp;</DIV>
<DIV align=center>&nbsp;</DIV></TD></TR>
<TR>
<TD></TD>
<TD>
<DIV align=center><IMG border=0 alt="" src="http://img228.imageshack.us/img228/952/evnements.png"></DIV>
<DIV align=center>Le Carnaval a été annoncé ! Venez y participer, que ce soit au <A class=postlink href="http://ex-libris-umbra.forumactif.us/evenements-speciaux-f55/fete-du-carnaval-bal-d-ouverture-t686.htm">bal</A> que pendant les cours.</DIV>
<DIV>&nbsp;</DIV>
<DIV align=center>Le bal d'Ouverture dure jusqu'au 31 Août !</DIV><DIV>&nbsp;</DIV></TD>
<TD>
<DIV align=center><IMG border=0 alt="" src="http://img201.imageshack.us/img201/1549/topposteurs.png"></DIV>
<DIV>&nbsp;</DIV>
<DIV align=right>1er - <A class=postlink href="http://ex-libris-umbra.forumactif.us/professeurs-et-personnels-valides-f92/asita-bhima-accepte-t695.htm#9053">Asita Bhima</A></DIV>
<DIV align=right>2eme - <A class=postlink href="http://ex-libris-umbra.forumactif.us/professeurs-et-personnels-valides-f92/albus-dumbledore-admis-au-college-t309.htm">Albus Dumbledore</A></DIV>
<DIV>3eme - <A class=postlink href="http://ex-libris-umbra.forumactif.us/serpentard-valides-f91/rutsuku-fushin-eleve-delinquant-xdadmis-t327.htm">Rutsuku Fushin</A></DIV>
<DIV>4eme - <A class=postlink href="http://ex-libris-umbra.forumactif.us/serpentard-valides-f91/fyos-firoanime-terminee-t331.htm">Fyos Firoanime</A></DIV>
<DIV>5eme - <A class=postlink href="http://ex-libris-umbra.forumactif.us/serpentard-valides-f91/zipporah-blackwood-admise-au-college-t317.htm">Zipporah Blackwood</A></DIV>
<DIV>&nbsp;</DIV><DIV>&nbsp;</DIV></TD></TR></TBODY></TABLE></DIV></TBODY></TABLE>
  </div>
  <div id="onglet3" style="display:none;">
  <TABLE width="100%" background=http://img190.imageshack.us/img190/7176/fondpourprsentation2.png height="100%">
<TBODY>
<TR>
<TD>
<DIV align=right><FONT color=yellow><STRONG><U><EM>Cette section est en cours d‘amélioration. Merci de votre compréhension</EM></U></STRONG></FONT></DIV>
<P>
<TABLE border=0 cellSpacing=1 cellPadding=1 width="60%" align=right>
<TBODY>
<TR>
<TD>
<DIV align=center><IMG border=0 alt="" src="http://img507.imageshack.us/img507/4794/demande.png"></DIV>
<DIV align=left><P>Pour la demande de partenariat, demandez dans cette <A class=postlink href="http://ex-libris-umbra.forumactif.us/demande-de-partenariat-f95/">Rubrique</A>. Inutile d‘être inscrit, cette section est ouverte aux invités.</DIV></P></TD>
<TD></TD>
<TD></TD></TR>
<TR>
<TD>
<DIV align=center><IMG border=0 alt="" src="http://img175.imageshack.us/img175/3991/nosboutons.png"></DIV>
<DIV align=left>Voici nos <A class=postlink href="http://ex-libris-umbra.forumactif.us/demande-de-partenariat-f95/">boutons</A>, que vous pourrez mettre sur votre site.</DIV>
<DIV align=left>&nbsp;</DIV>
<DIV align=left>&nbsp;</DIV>
<DIV align=left>&nbsp;</DIV>
<DIV align=left>&nbsp;</DIV></TD>
<TD>
<DIV align=center><IMG border=0 alt="" src="http://img529.imageshack.us/img529/7913/rfrencsur.png"></DIV>
<P>Voici les lieux où Univers Bhaldi est référencé.</P>
<P>&nbsp;</P>
<P>&nbsp;</P></TD>
<TD>
<DIV align=center><IMG border=0 alt="" src="http://img44.imageshack.us/img44/9548/privilgis.png"></DIV>
<DIV align=right>Voici nos partenaires privilégiés, dont nous vous conseillons de visiter leurs sites.</DIV>
<DIV align=right>&nbsp;</DIV>
<DIV align=right>&nbsp;</DIV>
<DIV align=right>&nbsp;</DIV></TD></TR>
<TR>
<TD></TD>
<TD>
<DIV align=center><IMG border=0 alt="" src="http://img822.imageshack.us/img822/6564/topsites.png"></DIV>
<DIV align=center>Votez pour nous !</DIV>
<DIV align=center>&nbsp;</DIV>
<P>&nbsp;</P></TD>
<TD>
<DIV align=center><IMG border=0 alt="" src="http://img541.imageshack.us/img541/3358/partenairesr.png"></DIV>
<DIV align=right>Voici les liens vers nos partenaires. Bien évidemment, jetez un coup d'oeil.</DIV>
<DIV align=right>&nbsp;</DIV>
<DIV align=right>&nbsp;</DIV>
<DIV align=right>&nbsp;</DIV>
<DIV align=right></DIV></TD></TR></TBODY></TABLE>
<DIV></DIV>
<P>&nbsp;</P>
<P>&nbsp;</P>
<P>&nbsp;</P>
<P>&nbsp;</P></TBODY></TABLE>
  </div>
</body>
</html>

Merci d'avance pour votre aide.

Cordialement.

Mikltov
Nouveau membre

Féminin
Messages : 29
Inscrit(e) le : 12/03/2009

http://ex-libris-umbra.forumactif.us/index.htm
Mikltov a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Cadre qui disparaît mystérieusement...

Message par Wirekey le Mar 10 Aoû 2010 - 20:33

Une balise est sans doute fermée trop tot

Wirekey
***

Messages : 152
Inscrit(e) le : 27/04/2010

http://www.geykho.com/
Wirekey a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Cadre qui disparaît mystérieusement...

Message par Mikltov le Mer 11 Aoû 2010 - 20:37

Bonjour.

Je vous annonce que j'ai résolu mon problème.

Si, pour certains, la réponse les intéresse, elle vient de cette ligne-ci :

Code:
</DIV></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>

il y avait un
Code:
</TBODY>
et un
Code:
</TABLE>
de trop.

Merci encore pour ceux qui se sont penchés sur ce problème.

Mikltov
Nouveau membre

Féminin
Messages : 29
Inscrit(e) le : 12/03/2009

http://ex-libris-umbra.forumactif.us/index.htm
Mikltov a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum