Problème avec le code de ma PA

2 participants

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

Résolu Problème avec le code de ma PA

Message par Haru-chii Sam 29 Oct 2011 - 11:10

Bonjour ^^
J'ai voulu faire une PA en onglet, j'ai mis mets onglets, mes infobulles... Je la termine mais voilà! Le contenue de l'onglet 3 se retrouve dans le contenu de l'onglet 2! Je crois que j'ai oublié de refermé une balise, je cherche, mais je trouve pas >o< Pourriez vous m'aider?

voici mon code:
Code:
<div align="center">
              <div class="systeme_onglets">
                      <div class="onglets">
 
        <!-- onglet 1 -->
                        <span class="onglet_0 onglet" id="onglet_one" onmouseover="javascript:change_onglet('one');">Contexte</span>
        <!-- onglet 2 -->
                        <span class="onglet_0 onglet" id="onglet_two" onmouseover="javascript:change_onglet('two');">Staff</span><i>
        <!-- onglet 3 -->
                        <span class="onglet_0 onglet" id="onglet_tree" onmouseover="javascript:change_onglet('tree');">Navigation & Partenaire</span><i>
        <!-- onglet 4 -->
                        <span class="onglet_0 onglet" id="onglet_four" onmouseover="javascript:change_onglet('four');">Cours disponible</span>
      </div></div>
 
 
              <!--  CONTENU DU TABLEAU  -->
 
            <div class="contenu_onglets">
 
        <!-- Contenu  1ière page -->
                <div class="contenu_onglet" id="contenu_onglet_one"><div align="justify">♬ Le contexte de Sakusei est tout simplement de créez et d'apprendre a créez. Sakusei permets au gens d'apprendre et de faire apprendre a leur tours. Sakusei apprend a maîtrise tout logiciel graphique (photofiltre, photoshop, gimp,...) et a maîtrisé l'art des mots grâce a leur nombreux profs de tout les âges.
Sakusei ne tient pas qu'a apprendre! Il permet aussi de raconté sa vie lorsqu'on est triste, a joué a de nombreux jeux mis a votre disposition, tout en apprenant a respecté, aimé les différences des autres.
Il y aura de la place pour tout les niveaux, autant en langage web que en graphisme, tout le monde pourra participer, apprendre, discuter, échanger et s'entraider.
Amusez-vous bien sur Sakusei<br><div align="center"><a href="http://www.servimg.com/image_preview.php?i=588&u=15707036" class="postlink" target="_blank" rel="nofollow"><img src="http://i40.servimg.com/u/f40/15/70/70/36/sans_t71.jpg" border="0" alt="" /></a></div></div></div>
 
        <!-- Contenu  2ième page  -->
                  <div class="contenu_onglet" id="contenu_onglet_two"><table width="100%" cellspacing="0" cellpadding="0">
<tr>
<td><a href="#" class="infobulle"><img src="http://i40.servimg.com/u/f40/15/70/70/36/sans_t72.jpg">
<span>
<img src="http://i40.servimg.com/u/f40/15/70/70/36/sans_t72.jpg">
<br>Chewy
<br>Fondatrice
<br>Pastèque?
<br><div><a href="http://sakusei.forumgratuit.be/u1">Son profil</a></div>
<br></br></span></a></td>
<br><td><a href="#" class="infobulle"><img src="http://i40.servimg.com/u/f40/15/70/70/36/18155810.jpg">
<span>
<img src="http://i40.servimg.com/u/f40/15/70/70/36/18155810.jpg">
<br>Appy-sama
<br>Co-Fondatrice
<br>Pomme Pourrie Queen
<br><div><a href="http://sakusei.forumgratuit.be/u2">Son profil</a></div>
<br></br></span></a></td>
<br><td><a href="#" class="infobulle"><img src="http://i40.servimg.com/u/f40/15/70/70/36/sakuse10.png">
<span>
<img src="http://i40.servimg.com/u/f40/15/70/70/36/sakuse10.png">
<br>Yumi-chan
<br>Modératrice
<br>Vive les trucs long o/
<br><div><a href="http://sakusei.forumgratuit.be/u3">Son profil</a></div>
<br></br></span></a></td>
<br><td><a href="#" class="infobulle"><img src="http://i40.servimg.com/u/f40/15/70/70/36/image_10.jpg">
<span>
<img src="http://i40.servimg.com/u/f40/15/70/70/36/image_10.jpg">
<br>Elco
<br>Professeur
<br>Baka Usagi
<br><div><a href="http://sakusei.forumgratuit.be/u4">Son profil</a></div>
<br></br></a></span></td></tr><table></div>
 
        <!-- Contenu  3ième page-->
                  <div class="contenu_onglet" id="contenu_onglet_tree"><div align=left><br><table style="border: 2px dashed blue"bgcolor="#ffffff"><tr><td>
<br><a href="http://sakusei.forumgratuit.be/t4-reglement?tid=14fa9ed87525435cbb10738ce20c70d9" class="postlink">• Règlement</a>
<br><a href="http://sakusei.forumgratuit.be/t8-charte-a-signer?tid=14fa9ed87525435cbb10738ce20c70d9" class="postlink">• Charte</a>
<br><a href="http://sakusei.forumgratuit.be/f41-integrez-nous?tid=14fa9ed87525435cbb10738ce20c70d9" class="postlink">• Nous intégrez</a>
<br><a href="http://sakusei.forumgratuit.be/t2-modele-de-presentation?tid=14fa9ed87525435cbb10738ce20c70d9" class="postlink">• Modèle de Présentation</a>
<br><a href="http://sakusei.forumgratuit.be/f12-examen-de-niveau?tid=14fa9ed87525435cbb10738ce20c70d9" class="postlink">• Examen de niveau</a>
<br><a href="http://sakusei.forumgratuit.be/f4-tutoriaux?tid=14fa9ed87525435cbb10738ce20c70d9" class="postlink">•Tutoriaux</a>
<br><a href="http://sakusei.forumgratuit.be/f13-boutique?tid=14fa9ed87525435cbb10738ce20c70d9" class="postlink">• Boutique</a></td></tr></table></div></div>
 
        <!-- Contenu  4ième page -->
                  <div class="contenu_onglet" id="contenu_onglet_four"><br><div align=left>Cours Photoshop: 4 places disponible
<br> Cours photofiltre (simple): 4 places disponible
 <br>Cours The Gimp: 4 places disponible.
<br>Cours d'écriture: 8 places disponible
<br> Prof: Nagone Mako - Chewy - Elco - Appy-sama</div>
<br><div align=right>
<br><a href="http://www.servimg.com/image_preview.php?i=595&u=15707036" class="postlink" target="_blank" rel="nofollow"><img src="http://i40.servimg.com/u/f40/15/70/70/36/sans_t74.jpg" border="0" alt="" /></a></div></div>
 
    </div></div>
 
<script type="text/javascript">
                //<!--
                        var anc_onglet = 'one';
                        change_onglet(anc_onglet);
                //-->
</script>

Merci ^^


Dernière édition par Haru-chii le Ven 18 Nov 2011 - 17:57, édité 2 fois
Haru-chii

Haru-chii
*

Féminin
Messages : 34
Inscrit(e) le : 19/10/2011

http://sakusei.forumgratuit.be/
Haru-chii a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec le code de ma PA

Message par Automne Sam 29 Oct 2011 - 11:21

Bonjour,

Je ne sais pas, je suis pas trop douée la dedans, mais j'ai remarqué deux balises

Code:
<i>


entre l'onglet deux et trois? Cette balise sert à mettre en italique s'ouvre et se ferme, vous elle sont ouvertes et non fermés. Essayez de retirer déjà ceci.
Automne

Automne
Membre actif

Messages : 8431
Inscrit(e) le : 22/03/2010

https://gilles570.motards.net/
Automne a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec le code de ma PA

Message par Haru-chii Sam 29 Oct 2011 - 11:48

Bonjour ^^'
Je ne vois pas les balises
Code:
<i>
Pourriez vous me les montrer sur une capture d'écran (ou sur le code...)? Merci.
Haru-chii

Haru-chii
*

Féminin
Messages : 34
Inscrit(e) le : 19/10/2011

http://sakusei.forumgratuit.be/
Haru-chii a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec le code de ma PA

Message par Automne Sam 29 Oct 2011 - 11:53

Re,

A la fin de la ligne 8 et 9 Very Happy
Automne

Automne
Membre actif

Messages : 8431
Inscrit(e) le : 22/03/2010

https://gilles570.motards.net/
Automne a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec le code de ma PA

Message par Haru-chii Sam 29 Oct 2011 - 11:55

ah oui... Je l'ai ai enlevé mais le contenu du 3 est toujours dans le deux
Haru-chii

Haru-chii
*

Féminin
Messages : 34
Inscrit(e) le : 19/10/2011

http://sakusei.forumgratuit.be/
Haru-chii a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec le code de ma PA

Message par Automne Sam 29 Oct 2011 - 13:33

Je suis en train de regarder, pouvez vous me doner le css qui va avec.

J'ai remarqué pas mal de balise ouverte et non fermé...
Automne

Automne
Membre actif

Messages : 8431
Inscrit(e) le : 22/03/2010

https://gilles570.motards.net/
Automne a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec le code de ma PA

Message par Haru-chii Sam 29 Oct 2011 - 13:35

Voici mon CSS:
Code:
.onglet{
    color: #fffffff;       
    font-size: 14px;
    margin:10px;         
    display:inline-block;
    cursor:pointer;
}
 
/* onglet selectionné */
.onglet_1{
    color: #ffffff;
}
 
.contenu_onglet{
    background-color:#ffffff;
    border: 1px solid #ffff00;
    -moz-border-radius: 20px;     
    -webkit-border-radius: 20px;
    border-radius: 20px;
    margin-top: 0px;       
    padding:5px;
    height: 272px;           
    width: 750px;         
    display:none;
}

a.infobulle {
  position: relative;
}
 
a.infobulle span {
  display: none;
}
a.infobulle:hover {
  background: none; /* correction d'un bug IE */
  z-index: 999; /* on définit une valeur pour l'ordre d'affichage */
 
}
a.infobulle:hover span {
  display: inline;
  position: absolute;
 
  white-space: nowrap;
 
  top: 5px;
  left: 15px;
 
  background: #ebebeb;
 
  color: black;
  padding: 3px;
 
 
  border: 1px dotted black;
  border-left: 1px dotted black;
}
Haru-chii

Haru-chii
*

Féminin
Messages : 34
Inscrit(e) le : 19/10/2011

http://sakusei.forumgratuit.be/
Haru-chii a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec le code de ma PA

Message par Haru-chii Jeu 3 Nov 2011 - 12:09

Up...
Haru-chii

Haru-chii
*

Féminin
Messages : 34
Inscrit(e) le : 19/10/2011

http://sakusei.forumgratuit.be/
Haru-chii a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec le code de ma PA

Message par Haru-chii Ven 4 Nov 2011 - 15:06

Up.
Haru-chii

Haru-chii
*

Féminin
Messages : 34
Inscrit(e) le : 19/10/2011

http://sakusei.forumgratuit.be/
Haru-chii a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec le code de ma PA

Message par Haru-chii Lun 7 Nov 2011 - 16:14

UP
Haru-chii

Haru-chii
*

Féminin
Messages : 34
Inscrit(e) le : 19/10/2011

http://sakusei.forumgratuit.be/
Haru-chii a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec le code de ma PA

Message par Haru-chii Mar 8 Nov 2011 - 19:47

Up.
Haru-chii

Haru-chii
*

Féminin
Messages : 34
Inscrit(e) le : 19/10/2011

http://sakusei.forumgratuit.be/
Haru-chii a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec le code de ma PA

Message par Haru-chii Mer 9 Nov 2011 - 17:49

up
Haru-chii

Haru-chii
*

Féminin
Messages : 34
Inscrit(e) le : 19/10/2011

http://sakusei.forumgratuit.be/
Haru-chii a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec le code de ma PA

Message par Haru-chii Jeu 10 Nov 2011 - 17:36

Up T°T
Haru-chii

Haru-chii
*

Féminin
Messages : 34
Inscrit(e) le : 19/10/2011

http://sakusei.forumgratuit.be/
Haru-chii a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec le code de ma PA

Message par Haru-chii Sam 12 Nov 2011 - 13:19

Up
Haru-chii

Haru-chii
*

Féminin
Messages : 34
Inscrit(e) le : 19/10/2011

http://sakusei.forumgratuit.be/
Haru-chii a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec le code de ma PA

Message par Haru-chii Dim 13 Nov 2011 - 21:44

Up Sad
Haru-chii

Haru-chii
*

Féminin
Messages : 34
Inscrit(e) le : 19/10/2011

http://sakusei.forumgratuit.be/
Haru-chii a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec le code de ma PA

Message par Haru-chii Lun 14 Nov 2011 - 17:41

Up
Haru-chii

Haru-chii
*

Féminin
Messages : 34
Inscrit(e) le : 19/10/2011

http://sakusei.forumgratuit.be/
Haru-chii a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec le code de ma PA

Message par Haru-chii Mar 15 Nov 2011 - 21:18

Up
Haru-chii

Haru-chii
*

Féminin
Messages : 34
Inscrit(e) le : 19/10/2011

http://sakusei.forumgratuit.be/
Haru-chii a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec le code de ma PA

Message par Invité Jeu 17 Nov 2011 - 21:29

Bonjour,

J'ai trouvé une balise <table> non fermée dans le contenu de la seconde page, le problème peut venir de là.
Votre code avec la balise </table> ajoutée:
Code:
<div align="center">
              <div class="systeme_onglets">
                      <div class="onglets">
 
        <!-- onglet 1 -->
                        <span class="onglet_0 onglet" id="onglet_one" onmouseover="javascript:change_onglet('one');">Contexte</span>
        <!-- onglet 2 -->
                        <span class="onglet_0 onglet" id="onglet_two" onmouseover="javascript:change_onglet('two');">Staff</span><i>
        <!-- onglet 3 -->
                        <span class="onglet_0 onglet" id="onglet_tree" onmouseover="javascript:change_onglet('tree');">Navigation & Partenaire</span><i>
        <!-- onglet 4 -->
                        <span class="onglet_0 onglet" id="onglet_four" onmouseover="javascript:change_onglet('four');">Cours disponible</span>
      </div></div>
 
 
              <!--  CONTENU DU TABLEAU  -->
 
            <div class="contenu_onglets">
 
        <!-- Contenu  1ière page -->
                <div class="contenu_onglet" id="contenu_onglet_one"><div align="justify">? Le contexte de Sakusei est tout simplement de créez et d'apprendre a créez. Sakusei permets au gens d'apprendre et de faire apprendre a leur tours. Sakusei apprend a maîtrise tout logiciel graphique (photofiltre, photoshop, gimp,...) et a maîtrisé l'art des mots grâce a leur nombreux profs de tout les âges.
Sakusei ne tient pas qu'a apprendre! Il permet aussi de raconté sa vie lorsqu'on est triste, a joué a de nombreux jeux mis a votre disposition, tout en apprenant a respecté, aimé les différences des autres.
Il y aura de la place pour tout les niveaux, autant en langage web que en graphisme, tout le monde pourra participer, apprendre, discuter, échanger et s'entraider.
Amusez-vous bien sur Sakusei<br><div align="center"><a href="http://www.servimg.com/image_preview.php?i=588&u=15707036" class="postlink" target="_blank" rel="nofollow"><img src="http://i40.servimg.com/u/f40/15/70/70/36/sans_t71.jpg" border="0" alt="" /></a></div></div></div>
 
        <!-- Contenu  2ième page  -->
                  <div class="contenu_onglet" id="contenu_onglet_two">
              <table width="100%" cellspacing="0" cellpadding="0">
<tr>
<td><a href="#" class="infobulle"><img src="http://i40.servimg.com/u/f40/15/70/70/36/sans_t72.jpg">
<span>
<img src="http://i40.servimg.com/u/f40/15/70/70/36/sans_t72.jpg">
<br>Chewy
<br>Fondatrice
<br>Pastèque?
<br><div><a href="http://sakusei.forumgratuit.be/u1">Son profil</a></div>
<br></br></span></a></td>
<br><td><a href="#" class="infobulle"><img src="http://i40.servimg.com/u/f40/15/70/70/36/18155810.jpg">
<span>
<img src="http://i40.servimg.com/u/f40/15/70/70/36/18155810.jpg">
<br>Appy-sama
<br>Co-Fondatrice
<br>Pomme Pourrie Queen
<br><div><a href="http://sakusei.forumgratuit.be/u2">Son profil</a></div>
<br></br></span></a></td>
<br><td><a href="#" class="infobulle"><img src="http://i40.servimg.com/u/f40/15/70/70/36/sakuse10.png">
<span>
<img src="http://i40.servimg.com/u/f40/15/70/70/36/sakuse10.png">
<br>Yumi-chan
<br>Modératrice
<br>Vive les trucs long o/
<br><div><a href="http://sakusei.forumgratuit.be/u3">Son profil</a></div>
<br></br></span></a></td>
<br><td><a href="#" class="infobulle"><img src="http://i40.servimg.com/u/f40/15/70/70/36/image_10.jpg">
<span>
<img src="http://i40.servimg.com/u/f40/15/70/70/36/image_10.jpg">
<br>Elco
<br>Professeur
<br>Baka Usagi
<br><div><a href="http://sakusei.forumgratuit.be/u4">Son profil</a></div>
<br></br></a></span></td></tr></table></div>
 
        <!-- Contenu  3ième page-->
                  <div class="contenu_onglet" id="contenu_onglet_tree"><div align=left><br><table style="border: 2px dashed blue"bgcolor="#ffffff"><tr><td>
<br><a href="http://sakusei.forumgratuit.be/t4-reglement?tid=14fa9ed87525435cbb10738ce20c70d9" class="postlink">• Règlement</a>
<br><a href="http://sakusei.forumgratuit.be/t8-charte-a-signer?tid=14fa9ed87525435cbb10738ce20c70d9" class="postlink">• Charte</a>
<br><a href="http://sakusei.forumgratuit.be/f41-integrez-nous?tid=14fa9ed87525435cbb10738ce20c70d9" class="postlink">• Nous intégrez</a>
<br><a href="http://sakusei.forumgratuit.be/t2-modele-de-presentation?tid=14fa9ed87525435cbb10738ce20c70d9" class="postlink">• Modèle de Présentation</a>
<br><a href="http://sakusei.forumgratuit.be/f12-examen-de-niveau?tid=14fa9ed87525435cbb10738ce20c70d9" class="postlink">• Examen de niveau</a>
<br><a href="http://sakusei.forumgratuit.be/f4-tutoriaux?tid=14fa9ed87525435cbb10738ce20c70d9" class="postlink">•Tutoriaux</a>
<br><a href="http://sakusei.forumgratuit.be/f13-boutique?tid=14fa9ed87525435cbb10738ce20c70d9" class="postlink">• Boutique</a></td></tr></table></div></div>
 
        <!-- Contenu  4ième page -->
                  <div class="contenu_onglet" id="contenu_onglet_four"><br><div align=left>Cours Photoshop: 4 places disponible
<br> Cours photofiltre (simple): 4 places disponible
 <br>Cours The Gimp: 4 places disponible.
<br>Cours d'écriture: 8 places disponible
<br> Prof: Nagone Mako - Chewy - Elco - Appy-sama</div>
<br><div align=right>
<br><a href="http://www.servimg.com/image_preview.php?i=595&u=15707036" class="postlink" target="_blank" rel="nofollow"><img src="http://i40.servimg.com/u/f40/15/70/70/36/sans_t74.jpg" border="0" alt="" /></a></div></div>
 
    </div></div>
 
<script type="text/javascript">
                //<!--
                        var anc_onglet = 'one';
                        change_onglet(anc_onglet);
                //-->
</script>

Cordialement.
Anonymous

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec le code de ma PA

Message par Haru-chii Ven 18 Nov 2011 - 17:56

Merci, ca marche ^^
Haru-chii

Haru-chii
*

Féminin
Messages : 34
Inscrit(e) le : 19/10/2011

http://sakusei.forumgratuit.be/
Haru-chii a été remercié(e) par l'auteur de ce sujet.

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

- Sujets similaires

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