Soucis d'onglet Bouton_activeSoucis d'onglet Bouton_hoverSoucis d'onglet Fb-hoverSoucis d'onglet Fb-active
CSSActif, le forum, n'est plus maintenu. Il est néanmoins disponible pour consultation. Pour des outils pratiques, rendez-vous sur:

Découvrez CSSActif, une collection d'outils et de tutoriels interactifs pour les développeurs Web — HTML, CSS, JavaScript et bien plus!

Derniers sujets
» Système d'onglets simple et personnalisable
Soucis d'onglet EmptyLun 03 Juin 2024, 17:20 par birds

» Fiche de Présentation RPG
Soucis d'onglet EmptySam 30 Mar 2024, 22:07 par Peyton972

» [RPG] Fiche personnage avec bannière
Soucis d'onglet EmptySam 30 Mar 2024, 22:06 par Peyton972

» Structure de Qui Est En Ligne (1)
Soucis d'onglet EmptyLun 04 Mar 2024, 23:20 par Peyton972

» Qui Est En Ligne - Utopia
Soucis d'onglet EmptyDim 24 Déc 2023, 18:16 par romee

» Pack forum complet "Androïd Sylver" RPU (N°2)
Soucis d'onglet EmptyJeu 02 Nov 2023, 06:42 par Hydrar

» Formulaire de connexion rapide amélioré
Soucis d'onglet EmptySam 04 Mar 2023, 18:57 par Krager

» Avatar centré dans le profil
Soucis d'onglet EmptySam 11 Fév 2023, 06:04 par Krager

-28%
Le deal à ne pas rater :
-28% Machine à café avec broyeur à grain MELITTA Purista
229.99 € 318.99 €
Voir le deal

Partagez
 

Soucis d'onglet

Voir le sujet précédent Voir le sujet suivant Aller en bas 
http://kenryoku.frenchboard.com/
Doremi
Doremi
{ Membre }
{ Membre }

Féminin Messages : 37



Soucis d'onglet Empty
Ami du jour bonjour, ami du soir bonsoir,
pour résumer le problème, dans ma page d'accueil, nous avons voulu mettre des onglets. Jusque là tout va bien. Seulement, une fois avoir mis le contenu dans l'onglet, la largeur des contenants se sont modifié suivant l'onglet.

Voyez par vous même :
Spoiler:
Spoiler:

Voici le code de la PA :
Code:
<div align="center"><img src="http://i25.servimg.com/u/f25/11/85/48/95/image110.jpg" /></div>

<table cellspacing="10"><tr><td width 33%><img src="http://i25.servimg.com/u/f25/11/85/48/95/naviga11.jpg" border="0" alt="" /></td>

<td><img src="http://i25.servimg.com/u/f25/11/85/48/95/staff10.jpg" border="0" alt="" /></td>

<td><img src="http://i25.servimg.com/u/f25/11/85/48/95/annonc11.jpg" border="0" alt="" /></td></tr>
<tr><td><div class="encadre"><a href="http://langeles.bbactif.com/reglement-f17/reglement-t1.htm" class="postlink" target="_blank"><div class="navig">♦ Règles de la ville</div></a>
<a href="http://langeles.bbactif.com/contexte-f18/l-histoire-t10.htm" class="postlink" target="_blank"><div class="navig">♦ Histoire de la ville</div></a>
<a href="http://langeles.bbactif.com/contexte-f18/les-groupes-t6.htm" class="postlink" target="_blank"><div class="navig">♦ Groupes disponibles</div></a>
<a href="http://langeles.bbactif.com/presentation-des-personnages-f5/les-metiers-t15.htm" class="postlink" target="_blank"><div class="navig">♦ Métiers disponibles</div></a>
<a href="http://langeles.bbactif.com/test-f43/comment-passer-le-test-t13.htm#44" class="postlink" target="_blank"><div class="navig">♦ Test pour les prédéfinis</div></a>
<a href="http://langeles.bbactif.com/la-foire-aux-questions-f4/?sid=5ede01991f64e84630777089855a88a2" class="postlink"><div class="navig">♦ Questions</div></a>
<a href="http://langeles.bbactif.com/partenariats-f16/comment-devenir-partenaire-de-los-angeles-t3.htm" class="postlink" target="_blank"><div class="navig">♦ Devenir partenaire ?</div></a>
</div></td>


<td width 33%><center><table cellspacing="15"><tr><td width 50%><!--PARTIE EMI-->
                <div class="thumbnail">
                <img src="http://i28.servimg.com/u/f28/14/38/33/01/emi_5510.jpg" alt="" border="0">
                <span><div class="tstaff" align="center"><div style="font-size: 12px;">Fonda’</div>
                <img src="http://i28.servimg.com/u/f28/14/38/33/01/emi_1510.jpg" alt="" border="0">
<div style="font-size: 12px;">Emi Hanayoru</div>
                <table>
                    <tr>
                        <td><a href="http://langeles.bbactif.com/fiches-validees-f6/emi-hanayoru-t27.htm#100?sid=47e2f36e5d84e878e01aa70d1fe179e5" class="postlink"><div class="textbulle"><div class="navig">Fiche - </div></div></a></td>
                        <td><a href="http://langeles.bbactif.com/profile.forum?mode=viewprofile&u=1" alt="" target="blank"><div class="textbulle"><div class="navig">Profil</div></div></a></td>
                    </tr>
                </table>
                </div>
                </span>
                </div>
                <!--FIN PARTIE EMI-->
</td>
<td width 50%><!--PARTIE PARRAIN-->
                <div class="thumbnail1">
                <img src="http://i28.servimg.com/u/f28/14/38/33/01/parrai11.jpg" alt="" border="0">
                <span><div class="tstaff" align="center"><div style="font-size: 12px;">Admin'</div>
                <img src="http://i28.servimg.com/u/f28/14/38/33/01/parrai10.jpg" alt="" border="0">
<div style="font-size: 12px;">Le Parrain</div>
                <table>
                    <tr>
                        <td><a href="http://langeles.bbactif.com/fiches-validees-f6/le-parrain-t25.htm#92" alt="" target="blank"><div class="textbulle"><div class="navig">Fiche - </div></div></a></td>
                        <td><a href="http://langeles.bbactif.com/profile.forum?mode=viewprofile&u=2" alt="" target="blank"><div class="textbulle"><div class="navig">Profil</div></div></a></td>
                    </tr>
                </table>
                </div>
                </span>
                </div>
                <!--FIN PARTIE PARRAIN-->
</td></tr></table></center>

<img src="http://i27.servimg.com/u/f27/15/77/00/28/pradaf10.jpg" border="0" alt="" />
<center><table cellspacing="5px"><tr><td><a href="http://langeles.bbactif.com/personnages-predefinis-f7/hiroshi-imate-libre-t7.htm" class="postlink" target="_blank"><img class="opacité" src="http://i28.servimg.com/u/f28/14/38/33/01/hirosh10.jpg" border="0" alt="" /></a></td>
<td><a href="http://langeles.bbactif.com/personnages-predefinis-f7/takashi-yumeya-libre-t8.htm" class="postlink" target="_blank"><img class="opacité" src="http://i28.servimg.com/u/f28/14/38/33/01/takash12.jpg" border="0" alt="" /></a></td>
<td><a href="http://langeles.bbactif.com/personnages-predefinis-f7/vesper-umeda-libre-t11.htm" class="postlink" target="_blank"><img class="opacité" src="http://i28.servimg.com/u/f28/14/38/33/01/predef12.jpg" border="0" alt="" /></a></td></tr></table></center></td>


<td width 34%><div class="encadre 1">♦ Ouverture du forum : novembre 2010</div>
</td></tr></table>

<table><tr><td colspan "3"><div align="center"><script type="text/javascript">
        //<!--
                function change_onglet(name)
                {
                        document.getElementById('onglet_'+anc_onglet).className = 'onglet_0 onglet';
                        document.getElementById('onglet_'+name).className = 'onglet_1 onglet';
                        document.getElementById('contenu_onglet_'+anc_onglet).style.display = 'none';
                        document.getElementById('contenu_onglet_'+name).style.display = 'block';
                        anc_onglet = name;
                }
        //-->
        </script>
        <body>
        <div class="systeme_onglets">
        <div class="onglets">
            <span class="onglet_0 onglet" id="onglet_losange" onclick="javascript:change_onglet('losange');">Los Angeles</span>
            <span class="onglet_0 onglet" id="onglet_parten" onclick="javascript:change_onglet('parten');">Nos amis</span>
            <span class="onglet_0 onglet" id="onglet_credits" onclick="javascript:change_onglet('credits');">Autres</span>
        </div>
        <div class="contenu_onglets">
            <div class="contenu_onglet" id="contenu_onglet_losange">
<table cellspacing "10"><tr><td><div class="text"><div align="justify"><font face="georgia">Tokyo, année 3054.
<br><br>Vous y avez cru à la fin du monde ? Comme tout le monde de toute façon. Mais aujourd’hui, vous vous rendez compte que rien n’était vrai. Vous êtes toujours vivant. Oui, mais dans une ville qui est devenue chaotique. Désormais, ce sont les Los Angeles, des élites mafieuses, qui dirigent la ville. Ils ont réussit à profiter du moment où tous les habitants paniquaient pour prendre le contrôle de toute la ville. Aujourd’hui, même les politiciens leur sont soumis. Rien ne peut les détrôner maintenant même si certaines rebelles tentent en vain de renverser leur pouvoir pour le récupérer. D’autres civils choisissent plutôt de mener une vie normale malgré la pression des Los Angeles.
<br><br>Et vous ? Quel côté prendrez-vous ?</font></div></td></div>
<td width 20%><img src="http://i25.servimg.com/u/f25/11/85/48/95/petite11.jpg" border="0" alt="" /></td></tr></table>
            </div>
          <div class="contenu_onglet" id="contenu_onglet_parten">
                <table cellspacing "50"><tr><td><table><tr height "75px"><td><h1>Forums du staff</h1>
<a href="http://eden.asiat-world.com/forum.htm" class="postlink" target="_blank"><img src="http://i38.servimg.com/u/f38/14/38/33/01/sans_t20.jpg" border="0" alt="" /></a> <a href="http://niaon.forumactif.com" class="postlink" target="_blank"><img src="http://i68.servimg.com/u/f68/14/38/33/01/logo8810.jpg" border="0" alt="" /></a></td></tr><tr height 55px><td><h1>Top sites :</h1> <div align="center"><img src="http://i28.servimg.com/u/f28/14/38/33/01/pistol10.jpg" border="0" alt="" /> <img src="http://i28.servimg.com/u/f28/14/38/33/01/pistol10.jpg" border="0" alt="" /> <img src="http://i28.servimg.com/u/f28/14/38/33/01/pistol10.jpg" border="0" alt="" /></div></td></tr></table></td>
<td><table><tr height 75px><td><h1>Coup du coeur :</h1> <img src="http://i28.servimg.com/u/f28/14/38/33/01/coup_d10.jpg" border="0" alt="" /></td></tr><tr height "55px"><td><h1>Partenaires :</h1><div style="overflow: auto; height: 40px"><div align="center">
              <a href="http://pensionnatamagi.frenchboard.com" class="postlink" target="_blank"><img src="http://img8.hostingpics.net/pics/36742Bouton_100_35.png" /></a></div></td></tr></table></td></tr></table>
            </div>
            <div class="contenu_onglet" id="contenu_onglet_credits">
                <div class="avertissement">Avertissement :
 Forum classé NC-16. Contenu Mature. Yaoi, Yuri & Hentai autorisés.</div>
<h1>Crédits et remerciements</h1>
Concept par Emi Hanayoru et rédigé par Le Parrain. Design par Emi Hanayoru et Le Parrain.
<a href="http://langeles.bbactif.com/regles-contexte-f1/credits-du-forum-t17.htm#80" class="postlink" target="_blank">Voir les crédits</a>
<br>Nous remercions pour leur aide : CSS actif pour ses tutoriels et Petit Démon Rêveur.
<br>Les images proviennent de Deviantart et Chiboard. Les auteurs nous sont inconnus mais s'ils le souhaitent, ils peuvent se manifester pour que nous "rendions à César ce qui est à César".<div align="right">Forum optimisé pour Firefox.
<br>Toute copie même partielle sera sanctionnée.</div>
            </div>
        </div>
    </div>
    <script type="text/javascript">
        //<!--
                var anc_onglet = 'losange';
                change_onglet(anc_onglet);
        //-->
        </script>
</body>
</td></tr></table>

Si vous ne voyez pas, voici le forum en question :
Spoiler:
cliquez sur les 3 différents onglets et vous comprendrez vite.
Alors, est-ce un problème de css ? Ou simplement qu'il y en a trop dans le contenant ?


Dernière édition par Doremi le Mar 02 Nov 2010, 14:00, édité 1 fois
MessageSujet: Soucis d'onglet   Soucis d'onglet EmptyMar 02 Nov 2010, 07:19
Revenir en haut Aller en bas
http://generation.geek.chez.com
Boow
Boow
{ Membre actif }
{ Membre actif }

Masculin Messages : 866



Soucis d'onglet Empty
Je pense très franchement que c'est simplement parce que tu as trop de choses dans ton contenu =) Essaie de mettre ceci à la place de
....
:

Code:
<div class="contenu_onglets">
   <div class="contenu_onglet" id="contenu_onglet_losange">
      <table cellspacing "10">
         <tr>
            <td width="75%">
               <div class="text" align="justify">
                  <font face="georgia">
                     Tokyo, année 3054.
                     <br /><br />Vous y avez cru à la fin du monde ? Comme tout le monde de toute façon. Mais aujourd’hui, vous vous rendez compte que rien n’était vrai. Vous êtes toujours vivant. Oui, mais dans une ville qui est devenue chaotique. Désormais, ce sont les Los Angeles, des élites mafieuses, qui dirigent la ville. Ils ont réussit à profiter du moment où tous les habitants paniquaient pour prendre le contrôle de toute la ville. Aujourd’hui, même les politiciens leur sont soumis. Rien ne peut les détrôner maintenant même si certaines rebelles tentent en vain de renverser leur pouvoir pour le récupérer. D’autres civils choisissent plutôt de mener une vie normale malgré la pression des Los Angeles.
                     <br /><br />Et vous ? Quel côté prendrez-vous ?
                  </font>
               </div>
            </td>
            <td width 20%>
               <img src="http://i25.servimg.com/u/f25/11/85/48/95/petite11.jpg" border="0" alt="" />
            </td>
         </tr>
      </table>
   </div>
   <div class="contenu_onglet" id="contenu_onglet_parten">
      <table cellspacing "50">
         <tr>
            <td>
               <table>
                  <tr height "75px">
                     <td>
                        <h1>Forums du staff</h1>
                        <a href="http://eden.asiat-world.com/forum.htm" class="postlink" target="_blank"><img src="http://i38.servimg.com/u/f38/14/38/33/01/sans_t20.jpg" border="0" alt="" /></a> <a href="http://niaon.forumactif.com" class="postlink" target="_blank"><img src="http://i68.servimg.com/u/f68/14/38/33/01/logo8810.jpg" border="0" alt="" /></a>
                     </td>
                  </tr>
                  <tr height 55px>
                     <td>
                        <h1>Top sites :</h1>
                        <div align="center">
                           <img src="http://i28.servimg.com/u/f28/14/38/33/01/pistol10.jpg" border="0" alt="" />
                           <img src="http://i28.servimg.com/u/f28/14/38/33/01/pistol10.jpg" border="0" alt="" />
                           <img src="http://i28.servimg.com/u/f28/14/38/33/01/pistol10.jpg" border="0" alt="" />
                        </div>
                     </td>
                  </tr>
               </table>
            </td>
            <td>
               <table>
                  <tr height="75px">
                     <td>
                        <h1>Coup du coeur :</h1>
                        <img src="http://i28.servimg.com/u/f28/14/38/33/01/coup_d10.jpg" border="0" alt="" />
                     </td>
                  </tr>
                  <tr height "55px">
                     <td>
                        <h1>Partenaires :</h1>
                        <div style="overflow: auto; height: 40px" align="center">
                           <a href="http://pensionnatamagi.frenchboard.com" class="postlink" target="_blank"><img src="http://img8.hostingpics.net/pics/36742Bouton_100_35.png" /></a>
                        </div>
                     </td>
                  </tr>
               </table>
            </td>
         </tr>
      </table>
   </div>
   <div class="contenu_onglet" id="contenu_onglet_credits">
      <div class="avertissement">Avertissement : <br /> Forum classé NC-16. Contenu Mature. Yaoi, Yuri & Hentai autorisés.</div>
      <h1>Crédits et remerciements</h1>
      Concept par Emi Hanayoru et rédigé par Le Parrain. Design par Emi Hanayoru et Le Parrain.
      <a href="http://langeles.bbactif.com/regles-contexte-f1/credits-du-forum-t17.htm#80" class="postlink" target="_blank">Voir les crédits</a>
      <br />Nous remercions pour leur aide : CSS actif pour ses tutoriels et Petit Démon Rêveur.
      <br />Les images proviennent de Deviantart et Chiboard. Les auteurs nous sont inconnus mais s'ils le souhaitent, ils peuvent se manifester pour que nous "rendions à César ce qui est à César".
      <div align="right">Forum optimisé pour Firefox.
      <br />Toute copie même partielle sera sanctionnée.</div>
   </div>
</div>
</div>
MessageSujet: Re: Soucis d'onglet   Soucis d'onglet EmptyMar 02 Nov 2010, 12:37
Revenir en haut Aller en bas
http://kenryoku.frenchboard.com/
Doremi
Doremi
{ Membre }
{ Membre }

Féminin Messages : 37



Soucis d'onglet Empty
Non, ca fait la même chose. En tout cas merci pour l'information, je vais me débrouiller pour changer ça.
MessageSujet: Re: Soucis d'onglet   Soucis d'onglet EmptyMar 02 Nov 2010, 13:58
Revenir en haut Aller en bas
http://www.school-of-pub.net/forum.htm
Murtagh
Murtagh
{ Modérateur }
{ Modérateur }

Masculin Messages : 1492



Soucis d'onglet Empty
Je déplace vu que le problème semble résolu. Wink
MessageSujet: Re: Soucis d'onglet   Soucis d'onglet EmptyMar 02 Nov 2010, 14:21
Revenir en haut Aller en bas
Contenu sponsorisé




Soucis d'onglet Empty
MessageSujet: Re: Soucis d'onglet   Soucis d'onglet Empty
Revenir en haut Aller en bas
 

Soucis d'onglet

Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1

 Sujets similaires

-
» Un soucis
» Soucis
» Soucis
» Soucis étrange xd
» Petit soucis

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
CSSActif :: De la théorie à la pratique :: Aide CSS & xHTML :: Problèmes résolus-

Partenaires Or


← Page précédente   ↑ Aller en haut Copyright © CSSActif 2009 - 2013 Tous droits réservés
Créer un forum | ©phpBB | Forum gratuit d'entraide | Signaler un abus | Cookies | Forumactif.com