Beug span class

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

Résolu Beug span class

Message par CryingToYourHeart le 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
****

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

http://thewerewolfpack.forumgratuit.org/
CryingToYourHeart a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Beug span class

Message par Self le 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
+ Hyperactif +

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

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

Résolu Re: Beug span class

Message par CryingToYourHeart le Lun 14 Avr 2014 - 18:36

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

CryingToYourHeart
****

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

http://thewerewolfpack.forumgratuit.org/
CryingToYourHeart 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