Beug span class

2 participants

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

Résolu Beug span class

Message par CryingToYourHeart Lun 14 Avr 2014 - 16:08

Bonjour,

J'ai actuellement un soucis avec la span class de ce code:

Code:
<table>
   
   <tbody>
      
      <tr>
         
         <td align="left">
            
            <div class="cadrebas">
               
               <div class="titre">
                   le staff
               </div>
               
               <table>
                  
                  <tbody>
                     
                     <tr>
                        
                        <td style="width: 30%;">
                           
                           <div class="q3">
                              
                              <div class="gensmall">
                                  <script type="text/javascript">
    function patonglet1() { document.getElementById('onglet1').style.display='block'; document.getElementById('onglet2').style.display='none';
    document.getElementById('onglet3').style.display='none'; document.getElementById('onglet4').style.display='none'; }

    function patonglet2() { document.getElementById('onglet1').style.display='none'; document.getElementById('onglet2').style.display='block';
    document.getElementById('onglet3').style.display='none'; document.getElementById('onglet4').style.display='none';}


    function patonglet3() { document.getElementById('onglet1').style.display='none'; document.getElementById('onglet2').style.display='none';
    document.getElementById('onglet3').style.display='block'; document.getElementById('onglet4').style.display='none';}


    function patonglet4() { document.getElementById('onglet1').style.display='none'; document.getElementById('onglet2').style.display='none';
    document.getElementById('onglet3').style.display='none'; document.getElementById('onglet4').style.display='block';}</script>
                                 <!--                                                                       BARRE D'ONGLETS                                                                       -->
                                 <center>
                                    
                                    <table style="width: 100%;">
                                       
                                       <tbody>
                                          
                                          <tr>
                                             
                                             <td style="width: 25%;">
                                                
                                                <div onmouseover="javascript:patonglet1()" class="onglet">
                                                   
                                                   <center>
                                                       <img style="width: 50px;" class="cadre_" ;="" src="http://image.noelshack.com/fichiers/2012/06/1328986283-blue7.png" />
                                                      <center>
                                                         
                                                      </center>
                                                      
                                                   </center>
                                                   
                                                </div>
                                                
                                             </td>
                                             
                                             <td style="width: 25%;">
                                                
                                                <div onmouseover="javascript:patonglet2()" class="onglet">
                                                   
                                                   <center>
                                                       <img style="width: 50px;" class="cadre_" ;="" src="http://image.noelshack.com/fichiers/2012/06/1328986283-blue7.png" />
                                                   </center>
                                                   
                                                </div>
                                                
                                             </td>
                                             
                                             <td style="width: 25%;">
                                                
                                                <div onmouseover="javascript:patonglet3()" class="onglet">
                                                   
                                                   <center>
                                                       <img style="width: 50px;" class="cadre_" ;="" src="http://image.noelshack.com/fichiers/2012/06/1328986283-blue7.png" />
                                                      <center>
                                                         
                                                      </center>
                                                      
                                                   </center>
                                                   
                                                </div>
                                                
                                             </td>
                                             
                                             <td style="width: 25%;">
                                                
                                                <div onmouseover="javascript:patonglet4()" class="onglet">
                                                   
                                                   <center>
                                                       <img style="width: 50px;" class="cadre_" ;="" src="http://image.noelshack.com/fichiers/2012/06/1328986283-blue7.png" />
                                                      <center>
                                                         
                                                      </center>
                                                      
                                                   </center>
                                                   
                                                </div>
                                                
                                             </td>
                                             
                                          </tr>
                                          
                                       </tbody>
                                       
                                    </table>
                                    
                                 </center>
                                 
                                 <table style="width: 100%;">
                                    
                                    <tbody>
                                       
                                       <tr style="width: 100%;">
                                          
                                          <td style="width: 100%;">
                                             
                                             <!--                                                                       PREMIER MODULE                                                                       -->
                                             <div style="display: none;" id="onglet1">
                                                 <span class="q4">                              <div style="margin: auto; text-align: center; width: 100%;">
                                                    <span class="titr3">Ecstatic Ruby</span><br /><span class="imp">Administratrice</span><br /><a href=""><strong> harcèle moi owi </strong></a> ∞ <a href=""><strong> voir ma fiche</strong></a>
                                                </div></span>
                                             </div>
                                             
                                             <!--                                                                       TROISIEME MODULE                                                                       -->
                                             <div style="display: none;" id="onglet2">
                                                 <span class="q4">                                 <div style="margin: auto; text-align: center; width: 100%;">
                                                    <span class="titr3">Sidelya</span><br /><span class="imp">Administratrice</span><br /><a href=""><strong> harcèle moi owi </strong></a> ∞ <a href=""><strong> voir ma fiche</strong></a>
                                                </div></span>
                                             </div>
                                             
                                             <div style="display: none;" id="onglet3">
                                                 <span class="q4">
                                                <div style="margin: auto; text-align: center; width: 100%;">
                                                    <span class="titr3"> lillau.</span><br /><span class="imp">Administratrice</span><br /><a href=""><strong> harcèle moi owi </strong></a> ∞ <a href=""><strong> voir ma fiche</strong></a>
                                                </div></span>
                                             </div>
                                             
                                             <div style="display: none;" id="onglet4">
                                                 <span class="q4">
                                                <div style="margin: auto; text-align: center; width: 100%;">
                                                    <span class="titr3">nom</span><br /><span class="imp">fonction</span><br /><a href=""><strong> harcèle moi owi </strong></a> ∞ <a href=""><strong> voir ma fiche</strong></a>
                                                </div></span>
                                             </div>
                                             
                                          </td>
                                          
                                       </tr>
                                       
                                    </tbody>
                                    
                                 </table>

Ce code ce trouve dans la PA du forum et dès qu'on change quelque chose ça devient comme ceci et je ne sais pas pourquoi:

Code:
<div style="display: none;" id="onglet4">
                                                 <span class="q4"> </span>
                                                <div style="margin: auto; text-align: center; width: 100%;">
                                                    <span class="titr3">nom</span><br /><span class="imp">fonction</span><br /><a href=""><strong> harcèle moi owi </strong></a> ∞ <a href=""><strong> voir ma fiche</strong></a>
                                                </div><span class="q4"></span>
                     

Es-ce que quelqu'un connaîtrait une solution pour que je ne doive pas éditer 3 fois à chaque fois la PA ?

Merci d'avance Smile


Dernière édition par CryingToYourHeart le Lun 14 Avr 2014 - 18:37, édité 1 fois
CryingToYourHeart

CryingToYourHeart
****

Féminin
Messages : 452
Inscrit(e) le : 18/01/2012

http://netflixchill.forumactif.com/
CryingToYourHeart a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Beug span class

Message par Self Lun 14 Avr 2014 - 18:17

Bonjour,

On ne peut pas mettre une balise block (ici une div) dans une balise inline (ici un span).
Comme c'est le cas ici et que le nouvel éditeur n'aime pas trop les erreurs, il corrige celles présentes dans votre code.
Remplacez vos balises span par des balises div, cela devrait résoudre le problème Wink.
Self

Self
Membre actif

Masculin
Messages : 3853
Inscrit(e) le : 13/06/2013

https://selfback.forumactif.com/
Self a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Beug span class

Message par CryingToYourHeart Lun 14 Avr 2014 - 18:36

D'accord merci beaucoup j'ai modifié et pour le moment ça marche Smile
CryingToYourHeart

CryingToYourHeart
****

Féminin
Messages : 452
Inscrit(e) le : 18/01/2012

http://netflixchill.forumactif.com/
CryingToYourHeart 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