Problème avec les onglets de ma PA. Bouton_activeProblème avec les onglets de ma PA. Bouton_hoverProblème avec les onglets de ma PA. Fb-hoverProblème avec les onglets de ma PA. 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
» Fiche de Présentation RPG
Problème avec les onglets de ma PA. EmptySam 30 Mar 2024, 22:07 par Peyton972

» [RPG] Fiche personnage avec bannière
Problème avec les onglets de ma PA. EmptySam 30 Mar 2024, 22:06 par Peyton972

» Structure de Qui Est En Ligne (1)
Problème avec les onglets de ma PA. EmptyLun 04 Mar 2024, 23:20 par Peyton972

» Qui Est En Ligne - Utopia
Problème avec les onglets de ma PA. EmptyDim 24 Déc 2023, 18:16 par romee

» Pack forum complet "Androïd Sylver" RPU (N°2)
Problème avec les onglets de ma PA. EmptyJeu 02 Nov 2023, 06:42 par Hydrar

» Formulaire de connexion rapide amélioré
Problème avec les onglets de ma PA. EmptySam 04 Mar 2023, 18:57 par Krager

» Avatar centré dans le profil
Problème avec les onglets de ma PA. EmptySam 11 Fév 2023, 06:04 par Krager

» Vos partenaires dans le footer
Problème avec les onglets de ma PA. EmptyMar 07 Fév 2023, 08:40 par Oxtran

-40%
Le deal à ne pas rater :
-40% sur le Pack Gaming Mario PDP Manette filaire + Casque filaire ...
29.99 € 49.99 €
Voir le deal

Partagez
 

Problème avec les onglets de ma PA.

Voir le sujet précédent Voir le sujet suivant Aller en bas 
http://hogwarts-marauders.bbactif.com/forum.htm
Mr. Peluche
Mr. Peluche
{ Membre }
{ Membre }

Masculin Messages : 22



Problème avec les onglets de ma PA. Empty
Bonsoir,
alors voilà, j'essaye de faire une nouvelle PA pour mon forum, mais je n'arrive à rien Surprised. Du moins, pas totalement.

La partie "Staff" ne veut pas se mettre correctement, elle reste en dessous sans vouloir se mettre dans l'onglet. Et lorsque je charge la page pour la première fois, je peux voir les trois textes (ou plutôt les trois -supposés- onglets) s'afficher...
J'ai beau chercher je n'arrive pas à voir où je me suis trompé ><, j'ai bien suivi le tutoriel proposé par le forum, enfin je pense xD. D'ailleurs j'ai même essayé avec le demande de Locker, mais je je bloque toujours xD

Alors j'ai bien mis ce premier code dans la description du sujet Surprised. J'ai utilisé le code de ma page HTML (que j'ai piqué dans le tuto de little.)
Code:
<script language="javascript" src="http://hmt-test.forumactif.com/Onglets-h1.htm"></script>


Voilà mon code de PA, concernant mon organisation onglet.
Code:

<div class="systeme_onglets">

        <div class="onglets">
            <span class="onglet_0 onglet" id="onglet_news" onmouseover="javascript:change_onglet('news');"><div style="line-height: 12px; text-shadow: #000000 2px 2px 2px;"><div style="TEXT-ALIGN: center" align=center><SPAN style="FONT-FAMILY: georgia"><FONT face=Georgia size=5><div style="margin:auto;text-align:center;width:100%"><font color="#9B957C">♠️ NEWS. ♠️</font> </div></FONT></SPAN></div></div></span>
            <span class="onglet_0 onglet" id="onglet_contexte" onmouseover="javascript:change_onglet('contexte');"><div style="line-height: 12px; text-shadow: #000000 2px 2px 2px;"><div style="TEXT-ALIGN: center" align=center><SPAN style="FONT-FAMILY: georgia"><FONT face=Georgia size=5>  <div style="margin:auto;text-align:center;width:100%"><font color="#9B957C">♠️ CONTEXTE. ♠️</font> </div></FONT></SPAN></div></div></span>
            <span class="onglet_0 onglet" id="onglet_staff" onmouseover="javascript:change_onglet('staff);"><div style="line-height: 12px; text-shadow: #000000 2px 2px 2px;"><div style="TEXT-ALIGN: center" align=center><SPAN style="FONT-FAMILY: georgia"><FONT face=Georgia size=5><div style="margin:auto;text-align:center;width:100%"><font color="#9B957C">♠️ STAFF. ♠️</font> </div></FONT></SPAN></div></div></span>
        </div>

        <div class="contenu_onglets">
            <div class="contenu_onglet" id="contenu_onglet_news">♠️ Le nouveau design vient d'être mis en place, et l'intrigue n°2 va débuter.
<br>♠️ De nombreux <strong>Postes Vacants</strong> viennent d'être créés.
<br>♠️ Nous recherchons activement un <font color="#BA4A4A"><b>James Potter</b></font> ainsi qu'un <font color="#615A5A"><b>Godric Gryffindor</b></font> !
<br>♠️ Les <b>Journaux Intimes</b> sont créés.
<br>♠️ Le <strong>Hogwarts News</strong> recrute. N'hésitez pas à postuler !
<br>♠️ Nous recherchons des <strong>Professeurs</strong> et du <strong>Personnels</strong> pour encadrer nos jeunes (et moins jeunes) sorciers !</div>

            <div class="contenu_onglet" id="contenu_onglet_contexte">Nous sommes en <b>Octobre 1977</b>.
<br><br><i>1977</i>. Une nouvelle année commence à Hogwarts et les Maraudeurs  rentrent en septième année. James, Peter, Remus et Sirius  continuent leurs expériences et vont s'aventurer dans Hogwarts en pleine nuit. Pénétrant dans une nouvelle pièce secrète, jamais découverte jusqu'à ce jour, les Maraudeurs vont faire la découverte d'un Miroir Magique. Mais... Ce dernier n'est pas qu'un simple miroir comme vous pouvez vous en douter.
Pensant que cet objet surprenant n'était qu'un Miroir, ils s'amusèrent avec lors d'une nuit glaciale d'hiver. Mais au moment où ils le touchèrent, un événement inédit et surprenant se produisit. Godric Gryffindor, Helga Hufflepuff, Rowena Ravenclaw & Salazar Slytherin revinrent à Hogwarts suite à ce mouvement qui s'avéra regrettable (ou pas).
Les Quatre Fondateurs refirent leur entrée à Hogwarts mais ils n'étaient étrangement pas adultes. En effet, ces Quatre puissants Sorciers étaient âgés de 17 ans. Cependant, ils n'avaient rien oublié de leurs expériences et de leur vie. Conservant leur fierté, leurs connaissances et toute leur mémoire... Ils se montrèrent dès le départ redoutables et intouchables, bénéficiant du respect infini des professeurs.

James, Peter, Remus, Sirius et tous leurs amis sauront-ils faire face à cette nouvelle concurrence ? Salazar va-t-il amener une aide importante aux Slytherin ? Rowena va-t-elle faire part de son savoir aux Ravenclaw ? Helga va-t-elle apprendre de nouvelles valeurs aux Hufflepuff ? Godric va-t-il aider activement les Gryffindor ? Une nouvelle lutte va-t-elle éclater ? Quels seront les rôles de Lily et Severus ?
Votre égo va en prendre un coup. Êtes-vous prêts à vivre cette expérience unique ? Êtes-vous prêts à rivaliser avec ces Quatre Sorciers ? A vous de voir... Mais cette année s'annonce renversante, bouleversante et riche en rebondissements, d'autant plus qu'une mystérieuse journaliste au nom inconnu arpente les couloirs d'Hogwarts et propage d'incroyables rumeurs qui pourraient bien poser problème à certains. Surveillez vos arrières et que la fête commence !</div>

            <div class="contenu_onglet" id="contenu_onglet_staff"><table width="" align="center" cellspacing="1" cellpadding="1">
      <tr>
        <td>
            <div href="#" class="infobulle"><img src="http://i43.tinypic.com/eanozs.png"/>

            <span><font color="#4376A3"; size="2">AVERY P. LANGDON</font><br>

            <font color="#4376A3"; size="1">Fondateur ı Ravenclaw</font>

            <div><a href="http://hogwarts-marauders.bbactif.com/msg.forum?mode=post&u=7" target="_blank"><i>Hibou Express.</i></a></div></span></div>
        </td>
 
        <td>
            <div href="#" class="infobulle"><img src="http://i43.tinypic.com/2e0jnet.png"/>

            <span><font color="#BA4A4A"; size="2">SALOME R. PREWETT</font><br>

            <font color="#BA4A4A"; size="1">Administratrice ı Gryffindor</font>

            <div><a href="http://hogwarts-marauders.bbactif.com/msg.forum?mode=post&u=8" target="_blank"><i>Hibou Express.</i></a></div></span></div>
        </td>

        <td>
            <div href="#" class="infobulle"><img src="http://i41.tinypic.com/fxtqpz.png"/>

            <span><font color="#BA4A4A"; size="2">REMUS J. LUPIN</font><br>

            <font color="#BA4A4A"; size="1">Administrateur ı Gryffindor</font><br>

            <div><a href="http://hogwarts-marauders.bbactif.com/msg.forum?mode=post&u=15" target="_blank"><i>Hibou Express.</i></a></div></span></div>
        </td>

        <td>
            <div href="#" class="infobulle"><img src="http://img7.hostingpics.net/pics/160188icon_80_LG.png"/>

            <span><font color="#2D8A3B"; size="2">SEVERUS T. SNAPE</font><br>

            <font color="#2D8A3B"; size="1">Administrateur ı Slytherin</font>

            <div><a href="http://hogwarts-marauders.bbactif.com/msg.forum?mode=post&u=30" target="_blank"><i>Hibou Express.</i></a></div></span></div>
        </td>
      </tr>
  </table>
 
  <table width="" align="center" cellspacing="1" cellpadding="1">
      <tr>
   
        <td>
            <div href="#" class="infobulle"><img src="http://img7.hostingpics.net/pics/78264icon_80_JP_1.png"/>

            <span><font color="#EDE65A"; size="2">CHRISTEL O. SULLIVAN</font><br>

            <font color="#EDE65A"; size="1">Modératrice ı Hufflepuff</font>

            <div><a href=""http://hogwarts-marauders.bbactif.com/msg.forum?mode=post&u=16" target="_blank"><i>Hibou Express.</i></a></div></span></div>
        </td>

        <td>
            <div href="#" class="infobulle"><img src="http://img7.hostingpics.net/pics/391621icon_80_HB_1.png"/>

            <span><font color="#BA4A4A"; size="2">ECKO SULLIVAN</font><br>

            <font color="#BA4A4A"; size="1">Modératrice ı Gryffindor</font>

            <div><a href="http://hogwarts-marauders.bbactif.com/msg.forum?mode=post&u=26" target="_blank"><i>Hibou Express.</i></a></div></span></div>
        </td>
        <td>
            <div href="#" class="infobulle"><img src="http://img7.hostingpics.net/pics/105782icon_80_ER_1.png"/>

            <span><font color="#EDE65A"; size="2">ELIZABHETA A. CARTER</font><br>

            <font color="#EDE65A"; size="1">Modératrice ı Hufflepuff</font>

            <div><a href="http://hogwarts-marauders.bbactif.com/msg.forum?mode=post&u=3" target="_blank"><i>Hibou Express.</i></a></div></span></div>
        </td>
      </tr>
  </table>

</div></div>
        </div>
    </div>
    <script type="text/javascript">
        //<!--
                var anc_onglet = 'news';
                change_onglet(anc_onglet);
        //-->
        </script>


Je crois avoir tout dit Surprised.
Merci d'avoir lu mon problème Smile.
MessageSujet: Problème avec les onglets de ma PA.   Problème avec les onglets de ma PA. EmptyLun 06 Sep 2010, 17:42
Revenir en haut Aller en bas
http://www.i-love-harvard.com/
Kaiji
Kaiji
Blanche-Neige
Blanche-Neige

Féminin Messages : 5578



Problème avec les onglets de ma PA. Empty
    Bonjour,

    Votre problème est-il résolu ?
    Si oui, merci de cocher dans "icône du sujet" l'icône Problème avec les onglets de ma PA. 87671resolu3 en éditant votre 1er post.
MessageSujet: Re: Problème avec les onglets de ma PA.   Problème avec les onglets de ma PA. EmptyLun 13 Sep 2010, 17:00
Revenir en haut Aller en bas
http://samhain.forumactif.org/
Lylinee
Lylinee
{ Membre }
{ Membre }

Féminin Messages : 98



Problème avec les onglets de ma PA. Empty
Je veux bien t'aider si le problème est toujours d'actu. Mais est-ce qu'il serait possible d'avoir le CSS qui va avec ?
MessageSujet: Re: Problème avec les onglets de ma PA.   Problème avec les onglets de ma PA. EmptyMar 14 Sep 2010, 05:24
Revenir en haut Aller en bas
http://misslitchyproduction.yourme.net
Kimy
{ Membre actif }
{ Membre actif }

Féminin Messages : 1190



Problème avec les onglets de ma PA. Empty
Pas besoin du CSS.
Un simple gros nettoyage du code.
Et quand on nettoie et on aère son code on remarque qu'on oublie de fermer un guillemet qui fait tout capoter x)

Code:
<div class="systeme_onglets">

        <div class="onglets">
            <span class="onglet_0 onglet" id="onglet_news" onmouseover="javascript:change_onglet('news');">
            <div align="center" style="width: 100%; margin: auto; line-height: 12px; text-shadow: #000000 2px 2px 2px; text-align: center; font-family: georgia; color: #9B957C;">
               <font size="5">♠ NEWS. ♠</font>
            </div>
         </span>
               
            <span class="onglet_0 onglet" id="onglet_contexte" onmouseover="javascript:change_onglet('contexte');">
            <div align="center" style="width: 100%; margin: auto; line-height: 12px; text-shadow: #000000 2px 2px 2px; text-align: center; font-family: georgia; color: #9B957C;">
               <font size="5">♠ CONTEXTE. ♠</font>
            </div>
         </span>
         
            <span class="onglet_0 onglet" id="onglet_staff" onmouseover="javascript:change_onglet('staff');">
            <div align="center" style="width: 100%; margin: auto; line-height: 12px; text-shadow: #000000 2px 2px 2px; text-align: center; font-family: georgia; color: #9B957C;">
               <font size="5">♠ STAFF. ♠</font>
            </div>
         </span>
        </div>

        <div class="contenu_onglets">
            <div class="contenu_onglet" id="contenu_onglet_news">
            ♠ Le nouveau design vient d'être mis en place, et l'intrigue n°2 va débuter.
            <br />♠ De nombreux <strong>Postes Vacants</strong> viennent d'être créés.
            <br />♠ Nous recherchons activement un <font color="#BA4A4A"><b>James Potter</b></font> ainsi qu'un <font color="#615A5A"><b>Godric Gryffindor</b></font> !
            <br />♠ Les <b>Journaux Intimes</b> sont créés.
            <br />♠ Le <strong>Hogwarts News</strong> recrute. N'hésitez pas à postuler !
            <br />♠ Nous recherchons des <strong>Professeurs</strong> et du <strong>Personnels</strong> pour encadrer nos jeunes (et moins jeunes) sorciers !
         </div>

            <div class="contenu_onglet" id="contenu_onglet_contexte">
            Nous sommes en <b>Octobre 1977</b>.
            <br /><br /><i>1977</i>. Une nouvelle année commence à Hogwarts et les Maraudeurs  rentrent en septième année. James, Peter, Remus et Sirius  continuent leurs expériences et vont s'aventurer dans Hogwarts en pleine nuit. Pénétrant dans une nouvelle pièce secrète, jamais découverte jusqu'à ce jour, les Maraudeurs vont faire la découverte d'un Miroir Magique. Mais... Ce dernier n'est pas qu'un simple miroir comme vous pouvez vous en douter.
            Pensant que cet objet surprenant n'était qu'un Miroir, ils s'amusèrent avec lors d'une nuit glaciale d'hiver. Mais au moment où ils le touchèrent, un événement inédit et surprenant se produisit. Godric Gryffindor, Helga Hufflepuff, Rowena Ravenclaw & Salazar Slytherin revinrent à Hogwarts suite à ce mouvement qui s'avéra regrettable (ou pas).
            Les Quatre Fondateurs refirent leur entrée à Hogwarts mais ils n'étaient étrangement pas adultes. En effet, ces Quatre puissants Sorciers étaient âgés de 17 ans. Cependant, ils n'avaient rien oublié de leurs expériences et de leur vie. Conservant leur fierté, leurs connaissances et toute leur mémoire... Ils se montrèrent dès le départ redoutables et intouchables, bénéficiant du respect infini des professeurs.

            James, Peter, Remus, Sirius et tous leurs amis sauront-ils faire face à cette nouvelle concurrence ? Salazar va-t-il amener une aide importante aux Slytherin ? Rowena va-t-elle faire part de son savoir aux Ravenclaw ? Helga va-t-elle apprendre de nouvelles valeurs aux Hufflepuff ? Godric va-t-il aider activement les Gryffindor ? Une nouvelle lutte va-t-elle éclater ? Quels seront les rôles de Lily et Severus ?
            Votre égo va en prendre un coup. Êtes-vous prêts à vivre cette expérience unique ? Êtes-vous prêts à rivaliser avec ces Quatre Sorciers ? A vous de voir... Mais cette année s'annonce renversante, bouleversante et riche en rebondissements, d'autant plus qu'une mystérieuse journaliste au nom inconnu arpente les couloirs d'Hogwarts et propage d'incroyables rumeurs qui pourraient bien poser problème à certains. Surveillez vos arrières et que la fête commence !
         </div>

            <div class="contenu_onglet" id="contenu_onglet_staff">
            <table align="center" cellspacing="1" cellpadding="1">
               <tr>
                  <td>
                     <div class="infobulle">
                        <img src="http://i43.tinypic.com/eanozs.png" />
                           <span>
                              <font color="#4376A3" size="2">AVERY P. LANGDON</font><br />
                              <font color="#4376A3" size="1">Fondateur i Ravenclaw</font>
                                 <div>
                                    <a href="http://hogwarts-marauders.bbactif.com/msg.forum?mode=post&u=7" target="_blank">
                                       <i>Hibou Express.</i>
                                    </a>
                                 </div>
                           </span>
                     </div>
                  </td>
            
                  <td>
                     <div class="infobulle">
                        <img src="http://i43.tinypic.com/2e0jnet.png" />
                           <span>
                              <font color="#BA4A4A" size="2">SALOME R. PREWETT</font><br />
                              <font color="#BA4A4A" size="1">Administratrice i Gryffindor</font>
                                 <div>
                                    <a href="http://hogwarts-marauders.bbactif.com/msg.forum?mode=post&u=8" target="_blank">
                                       <i>Hibou Express.</i>
                                    </a>
                                 </div>
                           </span>
                     </div>
                  </td>

                  <td>
                     <div class="infobulle">
                        <img src="http://i41.tinypic.com/fxtqpz.png" />
                           <span>
                              <font color="#BA4A4A" size="2">REMUS J. LUPIN</font><br />
                              <font color="#BA4A4A" size="1">Administrateur i Gryffindor</font>
                                 <div>
                                    <a href="http://hogwarts-marauders.bbactif.com/msg.forum?mode=post&u=15" target="_blank">
                                       <i>Hibou Express.</i>
                                    </a>
                                 </div>
                           </span>
                     </div>
                  </td>

                  <td>
                     <div class="infobulle">
                        <img src="http://img7.hostingpics.net/pics/160188icon_80_LG.png" />
                           <span>
                              <font color="#2D8A3B" size="2">SEVERUS T. SNAPE</font><br />
                              <font color="#2D8A3B" size="1">Administrateur i Slytherin</font>
                                 <div>
                                    <a href="http://hogwarts-marauders.bbactif.com/msg.forum?mode=post&u=30" target="_blank">
                                       <i>Hibou Express.</i>
                                    </a>
                                 </div>
                           </span>
                     </div>
                  </td>
               </tr>
            </table>
 
            <table align="center" cellspacing="1" cellpadding="1">
               <tr>
                  <td>
                     <div class="infobulle">
                        <img src="http://img7.hostingpics.net/pics/78264icon_80_JP_1.png" />
                           <span>
                              <font color="#EDE65A" size="2">CHRISTEL O. SULLIVAN</font><br />
                              <font color="#EDE65A" size="1">Modératrice i Hufflepuff</font>
                                 <div>
                                    <a href="http://hogwarts-marauders.bbactif.com/msg.forum?mode=post&u=16" target="_blank">   
                                       <i>Hibou Express.</i>
                                    </a>
                                 </div>
                           </span>
                     </div>
                  </td>

                  <td>
                     <div class="infobulle">
                        <img src="http://img7.hostingpics.net/pics/391621icon_80_HB_1.png" />
                           <span>
                              <font color="#BA4A4A" size="2">ECKO SULLIVAN</font><br />
                              <font color="#BA4A4A" size="1">Modératrice i Gryffindor</font>
                                 <div>
                                    <a href="http://hogwarts-marauders.bbactif.com/msg.forum?mode=post&u=26" target="_blank">
                                       <i>Hibou Express.</i>
                                    </a>
                                 </div>
                           </span>
                     </div>
                  </td>
                  
                  <td>
                     <div class="infobulle">
                        <img src="http://img7.hostingpics.net/pics/105782icon_80_ER_1.png" />
                           <span>
                              <font color="#EDE65A" size="2">ELIZABHETA A. CARTER</font><br />
                              <font color="#EDE65A" size="1">Modératrice i Hufflepuff</font>
                                 <div>
                                    <a href="http://hogwarts-marauders.bbactif.com/msg.forum?mode=post&u=3" target="_blank">
                                       <i>Hibou Express.</i>
                                    </a>
                                 </div>
                           </span>
                     </div>
                  </td>
               </tr>
            </table>
         </div>
        </div>
</div>
      <script type="text/javascript">
        //<!--
                var anc_onglet = 'news';
                change_onglet(anc_onglet);
        //-->
        </script>
MessageSujet: Re: Problème avec les onglets de ma PA.   Problème avec les onglets de ma PA. EmptyMar 14 Sep 2010, 08:57
Revenir en haut Aller en bas
http://ny-m39.forumactif.com/forum.htm
M39
M39
{ Membre }
{ Membre }

Masculin Messages : 130



Problème avec les onglets de ma PA. Empty
Bonjour,
Avez-vous bien pris connaissance du code de kimy, si oui, vous a-t-il aidé ?
MessageSujet: Re: Problème avec les onglets de ma PA.   Problème avec les onglets de ma PA. EmptySam 18 Sep 2010, 07:36
Revenir en haut Aller en bas
http://hogwarts-marauders.bbactif.com/forum.htm
Mr. Peluche
Mr. Peluche
{ Membre }
{ Membre }

Masculin Messages : 22



Problème avec les onglets de ma PA. Empty
Oui, bonjour. Désolé du retard je n'avais plus le temps de passer sur l'ordinateur.
Merci de m'avoir aidé Kimy, cependnt, cela ne marche toujours pas correctement. Peut être ma feuille CSS n'est-elle pas correcte, mais je ne l'ai pas modifié depuis mon dernier changement donc, ça ne vient pas de là (quoi que xD). Mon index_body n'a pas été modifié non plus si je me souviens bien, et j'ai tout fait sur Firefox pour pas me faire avoir à cause de Safari uu". Je comprends plus rien xD. Désolé encore de pas vous apporter trop de précision, je ne vois pas ce que je dois modifier ><.

Code:
{JAVASCRIPT}
<!-- BEGIN message_admin_index -->
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
   <!-- BEGIN message_admin_titre -->
   <tr>
      <td class="catHead" height="28"><span class="cattitle">{message_admin_index.message_admin_titre.MES_TITRE}</span></td>
   </tr>
   <!-- END message_admin_titre -->
   <!-- BEGIN message_admin_txt -->
   <tr>
      <td class="row1" rowspan="3" align="center" valign="middle">
      <div class="gensmall">{message_admin_index.message_admin_txt.MES_TXT}</div>
      </td>
   </tr>
   <!-- END message_admin_txt -->
</table>
<!-- END message_admin_index -->

<!-- BEGIN switch_user_login_form_header -->
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
   <tr>
      <td width="100%" valign="top" align="center" class="row1"> 
         <label><span class="genmed">{L_USERNAME}:</span> <input class="post" type="text" size="10" name="username" /></label> 
         <label><span class="genmed">{L_PASSWORD}:</span> <input class="post" type="password" size="10" name="password" /></label> 
         {S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /><br />
         <label><span class="gensmall">{L_AUTO_LOGIN}</span> <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label> 

      </td>
   </tr>
</table>
</form>
<!-- END switch_user_login_form_header -->

{CHATBOX_TOP}
{BOARD_INDEX}
<table width="100%" border="0" cellspacing="0" cellpadding="0">
   <tr>
      <td width="50%" valign="top">
         <!-- BEGIN switch_user_logged_in -->
         <span class="gensmall"><a href="{U_MARK_READ}" class="gensmall">{L_MARK_FORUMS_READ}</a>
         <!-- END switch_user_logged_in -->
         <!-- BEGIN switch_delete_cookies -->
         <br /><a href="{switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall">{switch_delete_cookies.L_DELETE_COOKIES}</a>
         <!-- END switch_delete_cookies -->
         </span>
      </td>
      <td width="50%" align="right">
         <span class="gensmall">
            <a href="{U_TODAY_ACTIVE}" class="gensmall">{L_TODAY_ACTIVE}</a><br />
            <a href="{U_TODAY_POSTERS}" class="gensmall">{L_TODAY_POSTERS}</a><br />
            <a href="{U_OVERALL_POSTERS}" class="gensmall">{L_OVERALL_POSTERS}</a>
            <!-- BEGIN switch_on_index -->
               <!-- BEGIN switch_delete_cookies -->
               <br /><a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a>
               <!-- END switch_delete_cookies -->
            <!-- END switch_on_index -->
         </span>
      </td>
   </tr>
</table>

<!-- BEGIN switch_user_login_form_footer -->
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
   <tr>
      <td width="100%" valign="top" align="center" class="row1"> 
         <span class="genmed">{L_USERNAME}:</span> 
         <input class="post" type="text" size="10" name="username"/> 
         <span class="genmed">{L_PASSWORD}:</span> 
         <input class="post" type="password" size="10" name="password"/> 
         {S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /><br />
         <span class="gensmall">{L_AUTO_LOGIN}</span> 
         <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /> 
      </td>
   </tr>
</table>
</form>
<!-- END switch_user_login_form_footer -->

<!-- BEGIN disable_viewonline -->
<table border="0" cellspacing="1" cellpadding="0" width="800">
<tr><td width="5%"></td><td width="80%" align="center">
<br>
<a href="http://hogwarts-marauders.bbactif.com/groupcp.forum?g=4&sid=a4d396097a6a4b1c4ffd4c3b0aac5345"><b>♠</b><font color="#A84848" size="2"><b> GRYFFINDOR</b></font></a></span><img src="http://i63.servimg.com/u/f63/11/83/54/29/space10.gif">  </br>
<a href="http://hogwarts-marauders.bbactif.com/groupcp.forum?g=5&sid=a4d396097a6a4b1c4ffd4c3b0aac5345"><b>♠</b><font color="#EDE65A" size="2"><b> HUFFLEPUFF</b></font></a></span><img src="http://i63.servimg.com/u/f63/11/83/54/29/space10.gif"></br>
<a href="http://hogwarts-marauders.bbactif.com/groupcp.forum?g=3&sid=a4d396097a6a4b1c4ffd4c3b0aac5345"><b>♠</b><font color="#466991" size="2"><b> RAVENCLAW</b></font></a></span><img src="http://i63.servimg.com/u/f63/11/83/54/29/space10.gif"></br>
<a href="http://hogwarts-marauders.bbactif.com/groupcp.forum?g=6&sid=a4d396097a6a4b1c4ffd4c3b0aac5345"><b>♠</b><font color="#2D8A3B" size="2"><b> SLYTHERIN</b></font></a></span><img src="http://i63.servimg.com/u/f63/11/83/54/29/space10.gif"></br>
<br><a href="http://hogwarts-marauders.bbactif.com/groupcp.forum?g=7&sid=a4d396097a6a4b1c4ffd4c3b0aac5345"><b>♠</b><font color="#7A4B7A" size="2"><b> TEACHERS & CO</b></font></a></span><img src="http://i63.servimg.com/u/f63/11/83/54/29/space10.gif"></br>
<a href="http://hogwarts-marauders.bbactif.com/groupcp.forum?g=8&sid=a4d396097a6a4b1c4ffd4c3b0aac5345"><b>♠</b><font color="#615A5A" size="2"><b> ORIGNS</b></font></a></span><img src="http://i63.servimg.com/u/f63/11/83/54/29/space10.gif"></br>
<a href="http://hogwarts-marauders.bbactif.com/groupcp.forum?g=9&sid=a4d396097a6a4b1c4ffd4c3b0aac5345"><b>♠</b><font color="#518274" size="2"><b> OTHERS</b></font></a> </span></br><br><br></td><td width="5%"></td></tr>
<tr><td width="15%"></td><td width="40%"  align="center"><span class="gensmall">{TOTAL_POSTS}. {TOTAL_USERS}<br />
{NEWEST_USER}<br><br>
{TOTAL_USERS_ONLINE}<br>
{LOGGED_IN_USER_LIST}</span><br></td>
<td width="5%"></td>
</tr>
 <tr>
<td width="15%"></td>
<td width="40%" style="text-align: justify;"><div style="color: none;>{L_CONNECTED_MEMBERS}</div></td>
<td width="5%"></td>
</tr>
</table>

<!-- END disable_viewonline -->
{CHATBOX_BOTTOM}
<br clear="all" />
<!-- BEGIN switch_legend -->
<table border="0" cellspacing="3" cellpadding="0" align="center">
   <tr>
      <td align="center" width="20"><img src="{FORUM_NEW_IMG}" alt="{L_NEW_POSTS}" /></td>
      <td><span class="gensmall">{L_NEW_POSTS}</span></td>
      <td></td>
      <td align="center" width="20"><img src="{FORUM_IMG}" alt="{L_NO_NEW_POSTS}" /></td>
      <td><span class="gensmall">{L_NO_NEW_POSTS}</span></td>
      <td> &nbsp;</td>
      <td align="center" width="20"><img src="{FORUM_LOCKED_IMG}" alt="{L_FORUM_LOCKED}" /></td>
      <td><span class="gensmall">{L_FORUM_LOCKED}</span></td>
   </tr>
</table>
<!-- END switch_legend -->

{AUTO_DST}

Code:
a.mainmenu
{background-color:#988E9E;
text-decoration: bold;
color:#ffffff;
align: center;
border-left: 10px solid #988E9E;
border-right: 10px solid #988E9E;
-moz-border-radius-topright:10px;
-moz-border-radius-bottomleft:10px;}

a.mainmenu:hover
{background-color:#988E9E;
border-left: 10px solid #988E9E;
border-right: 10px solid #988E9E;
-moz-border-radius-topright:10px;
-moz-border-radius-bottomleft:10px;
text-decoration: bold;
align: center;
color :#DBDBDB;}

.statistiques{
border:0px;
background-image: url("");
background-repeat: no-repeat;
background-position: center;
height:270px;}

.groupes{
background-color:#FFFFFF;border: 1px #D0D0D0 dotted;
-moz-border-radius : 5px 5px 5px 5px;
height:40px;padding-right:12px;padding-left:14px;padding-bottom:3px;
font-size:15px;font-weight: bold;text-align:center;
text-decoration: none !important;}

.forumline{
-moz-border-radius:6px;
}
.forumline{border: 3px double #988E9E; }


a:link { text-decoration: none; }
a:visited { text-decoration: none; }
a:hover { text-decoration: none;  }
a:active { text-decoration: none; }
a:hover{ text-decoration: none !important;}
a:forumlink{
text-align:center;
}
a{text-decoration: none !important;}

a.forum{
text-align: center;
}

tr.post span.gensmall { display: none; }

/* arrondir zones de texte */
textarea, .textarea.post, input.post {
-moz-border-radius-left:10px;
-moz-border-radius-topright:10px;
-moz-border-radius-bottomleft:10px;
-moz-border-radius-right:10px;
border:1px normal #988E9E;}


body {
text-align:justify;
}

.postdetails.poster-profile a img {
color:#6495ed;
background-color: #988E9E;
-moz-border-radius-left:10px;
-moz-border-radius-bottomright:10px;
-moz-border-radius-topleft:10px;
-moz-border-radius-right:10px;
border: 10px solid #988E9E;
}



.vignettes
{background-color:#988E9E;
text-decoration: none;
color:#ffffff;
align: left;
border-left: 10px solid #988E9E;
border-right: 10px solid #988E9E;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;}

.vignettes:hover
{background-color: #988E9E;
border-left: 10px solid #988E9E;
border-right: 10px solid #988E9E;
text-decoration:none;
color :#ffffff;}

div.infobulle {
  position: relative;
}

div.infobulle span {
  display: none; /* ceci masque l'infobulle */
}
div.infobulle:hover {
  background: none; /* correction d'un bug IE */
  z-index: 999; /* on définit une valeur pour l'ordre d'affichage */

}
div.infobulle:hover span {
  display: inline; /* ceci affiche l'infobulle */
  position: absolute;

  white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */

  top: 5px; /* on positionne notre infobulle */
  left: 15px;

  background: #988E9E; /* arrière-plan de l'infobulle */

  color: black; /* texte dans l'infobulle */
  padding: 3px;

  /* bordures de votre infobulle*/
  border-top: 2px solid white;
  border-bottom: 2px solid white;
}

.postbody {
    display: block;
    padding-left: 30px;
    padding-right: 30px;
    text-align:justify;
}


.navig
{background-color:#988E9E;
text-decoration: none;
color:#DBDBDB;
font-size: 13px;
border-left: 10px solid #988E9E;
border-right: 10px solid #988E9E;}

.navig:hover
{background-color: #988E9E;
border-left: 10px solid #988E9E;
border-right: 10px solid #988E9E;
text-decoration:none;
color :#988E9E;}

.navig1
{background-color:#988E9E;
text-decoration: none;
color:#DBDBDB;
font-size: 13px;
border-left: 10px solid #988E9E;
border-right: 10px solid #988E9E;
-moz-border-radius-topleft:10px;
-moz-border-radius-bottomleft:10px;}

.navig1:hover
{background-color: #988E9E;
border-left: 10px solid #988E9E;
border-right: 10px solid #988E9E;
-moz-border-radius-topleft:10px;
-moz-border-radius-bottomleft:10px;
text-decoration:none;
color :#988E9E;}

.navig2
{background-color:#988E9E;
text-decoration: none;
color:#DBDBDB;
font-size: 13px;
border-left: 10px solid #988E9E;
border-right: 10px solid #988E9E;
-moz-border-radius-topright:10px;
-moz-border-radius-bottomright:10px;}

.navig2:hover
{background-color: #988E9E;
border-left: 10px solid #988E9E;
border-right: 10px solid #988E9E;
text-decoration:none;
color :#988E9E;}

.boitehaut{
width: 400px;
background-image: url("haut.gif");
background-position: top center;
background-repeat: no-repeat;
background-color: #ffffff;
color: #000000;
}
.boitebas{
background-image: url("http://img248.imageshack.us/img248/9692/hogwartscopie.png");
background-position: bottom left;
background-repeat: no-repeat;
padding: 5px 5px 5px 5px;
}

.lettrine {
float: left;
font-size : 40px;
}

.lettrine2 {
float: left; font-size: 90px; padding-top: 10px; margin-bottom: 10px; border: 5px solid #09C; background-color:#900; text-align: center; font-family: Monotype Corsiva; color: #FFF; height: 40px;
}

.lettrine3 {
float: left; font-size: 90px; padding-top: 10px; margin-bottom: 10px; border: 5px solid #09C; background-image: url("http://i62.servimg.com/u/f62/12/92/78/98/mario_10.jpg"); text-align: center; font-family: Monotype Corsiva; color: #FFF; height: 40px;
}

.hufflepuff {
    background-image: url('http://www.nibook.fr/site_harry/univers/images/pouf.gif'); /*--- Image ---*/
    background-repeat: no-repeat; /*--- On ne fait apparaître l'image qu'une seule fois ---*/
    background-position: center left; /*--- On positionne notre logo au milieu à gauche ---*/
    background-color: #988E9E; /*--- Couleur de fond ---*/
    border: 1px solid #000000; /*--- Taille, type et couleur de la bordure ---*/
    color: #000000; /*--- Couleur du texte ---*/
    padding-left: 200px; /*--- On espace la bordure gauche du texte de 55px ---*/
    min-height: 60px; /*--- On donne une taille minimale de 60px au tableau ---*/
}

.gryffindor {
    background-image: url('http://www.nibook.fr/site_harry/univers/images/grif.gif'); /*--- Image ---*/
    background-repeat: no-repeat; /*--- On ne fait apparaître l'image qu'une seule fois ---*/
    background-position: center left; /*--- On positionne notre logo au milieu à gauche ---*/
    background-color: #988E9E; /*--- Couleur de fond ---*/
    border: 1px solid #000000; /*--- Taille, type et couleur de la bordure ---*/
    color: #000000; /*--- Couleur du texte ---*/
    padding-left: 200px; /*--- On espace la bordure gauche du texte de 55px ---*/
    min-height: 60px; /*--- On donne une taille minimale de 60px au tableau ---*/
}

.ravenclaw {
    background-image: url('http://www.nibook.fr/site_harry/univers/images/serd.gif'); /*--- Image ---*/
    background-repeat: no-repeat; /*--- On ne fait apparaître l'image qu'une seule fois ---*/
    background-position: center left; /*--- On positionne notre logo au milieu à gauche ---*/
    background-color: #988E9E; /*--- Couleur de fond ---*/
    border: 1px solid #000000; /*--- Taille, type et couleur de la bordure ---*/
    color: #000000; /*--- Couleur du texte ---*/
    padding-left: 200px; /*--- On espace la bordure gauche du texte de 55px ---*/
    min-height: 60px; /*--- On donne une taille minimale de 60px au tableau ---*/
}

.slytherin {
    background-image: url('http://www.nibook.fr/site_harry/univers/images/serp.gif'); /*--- Image ---*/
    background-repeat: no-repeat; /*--- On ne fait apparaître l'image qu'une seule fois ---*/
    background-position: center left; /*--- On positionne notre logo au milieu à gauche ---*/
    background-color: #988E9E; /*--- Couleur de fond ---*/
    border: 1px solid #000000; /*--- Taille, type et couleur de la bordure ---*/
    color: #000000; /*--- Couleur du texte ---*/
    padding-left: 200px; /*--- On espace la bordure gauche du texte de 55px ---*/
    min-height: 60px; /*--- On donne une taille minimale de 60px au tableau ---*/
}

.teacher {
    background-image: url('http://i62.servimg.com/u/f62/12/92/78/98/essai12.png'); /*--- Image ---*/
    background-repeat: no-repeat; /*--- On ne fait apparaître l'image qu'une seule fois ---*/
    background-position: center left; /*--- On positionne notre logo au milieu à gauche ---*/
    background-color: #988E9E; /*--- Couleur de fond ---*/
    border: 1px solid #000000; /*--- Taille, type et couleur de la bordure ---*/
    color: #000000; /*--- Couleur du texte ---*/
    padding-left: 200px; /*--- On espace la bordure gauche du texte de 55px ---*/
    min-height: 60px; /*--- On donne une taille minimale de 60px au tableau ---*/
}
MessageSujet: Re: Problème avec les onglets de ma PA.   Problème avec les onglets de ma PA. EmptyVen 24 Sep 2010, 06:46
Revenir en haut Aller en bas
http://misslitchyproduction.yourme.net
Kimy
{ Membre actif }
{ Membre actif }

Féminin Messages : 1190



Problème avec les onglets de ma PA. Empty
Bonjour =)
Tes onglets en eux-même marchent mais ils sont les uns sur les autres... C'est ça le problème ?
Si oui c'est normal, je ne vois pas le CSS pour les onglets dans ta feuille.
MessageSujet: Re: Problème avec les onglets de ma PA.   Problème avec les onglets de ma PA. EmptyVen 24 Sep 2010, 09:39
Revenir en haut Aller en bas
Contenu sponsorisé




Problème avec les onglets de ma PA. Empty
MessageSujet: Re: Problème avec les onglets de ma PA.   Problème avec les onglets de ma PA. Empty
Revenir en haut Aller en bas
 

Problème avec les onglets de ma PA.

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

 Sujets similaires

-
» Probléme avec onglets
» Problème avec les onglets
» Problème avec mes onglets
» Problème avec mes onglets
» Problème avec l'iframe (signature) avec les codes couleurs. (non résolu)

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 | Forum gratuit