Soucis avec mes onglets Bouton_activeSoucis avec mes onglets Bouton_hoverSoucis avec mes onglets Fb-hoverSoucis avec mes onglets 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 avec mes onglets EmptyLun 03 Juin 2024, 17:20 par birds

» Fiche de Présentation RPG
Soucis avec mes onglets EmptySam 30 Mar 2024, 22:07 par Peyton972

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

» Structure de Qui Est En Ligne (1)
Soucis avec mes onglets EmptyLun 04 Mar 2024, 23:20 par Peyton972

» Qui Est En Ligne - Utopia
Soucis avec mes onglets EmptyDim 24 Déc 2023, 18:16 par romee

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

» Formulaire de connexion rapide amélioré
Soucis avec mes onglets EmptySam 04 Mar 2023, 18:57 par Krager

» Avatar centré dans le profil
Soucis avec mes onglets EmptySam 11 Fév 2023, 06:04 par Krager


Partagez
 

Soucis avec mes onglets

Voir le sujet précédent Voir le sujet suivant Aller en bas 
http://ny-m39.forumactif.com/forum.htm
M39
M39
{ Membre }
{ Membre }

Masculin Messages : 130



Soucis avec mes onglets Empty
Bonsoir
Comment expliquer ça simplement... Disons que mes onglets ne fonctionnent plus et je m'arrache les cheveux à pas comprendre pourquoi ! ça déborde et dans tout les sens est c'est une horreur. Y a t-il quelqu'un pour m'aider ?

Code:
http://sinners3.xooit.com/index.php
J'vous donne le lien, pour que vous puissiez mieux comprendre mon problème ! J'utilise Xooit comme hébergeur, c'est donc un template (il n'y a pas de feuille style, tout est compris dans le template de page d'accueil) et Firefox !

J'accepte volontiers l'aide de toute personne compétente, simple membre compris !


Code:
<table width="100%" cellspacing="1" border="0">

  <tr>
        <td class="row1" style="">



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

<style type="text/css">
        .onglet
        {
                display:inline-block;
                width: 110px;
                margin-left:0px;
                margin-right:-5px;
                padding:2px;
                border:1px solid #666745;
                cursor:pointer;
        }
        .onglet_0
        {
                background-image: url('http://img10.xooimage.com/files/c/9/c/boutononglet2-1c3b89e-1e83348.jpg');
                border-bottom:1px solid #060606;
        }
        .onglet_1
        {
                background-image: url('http://img2.xooimage.com/files/8/6/9/boutononglet-1c3b83f-1e83342.jpg');
                border-bottom:0px solid #666745;
                padding-bottom:4px;
        }
        .contenu_onglet
        {
                background-color:#000000;
                border:1px solid #666745;
                margin-top:-1px;
                padding:5px;
                display:none;
        }
         #meteo
         {
            width:320px;
            height: 500px;
                                overflow:auto;
                                background-color:#030304;
                                border:1px solid #171717;
            text-align:justify;
                                font-size:11px;
                                text-align: justify;
                                padding: 12px;
                                margin-top: 5px;
                                margin-bottom: 5px;
                        margin-left: 10px;
                        margin-right: 10px;
         }
         #contexte
         {
            width:480px;
            height: 500px;
                                overflow:auto;
                                background-color:#030304;
                                border:1px solid #171717;
            text-align:justify;
                                font-size:11px;
                                text-align: justify;
                                padding: 12px;
                                margin-top: 5px;
                                margin-bottom: 5px;
                        margin-left: 10px;
                        margin-right: 10px;
         }
         #univers
         {
            width:370px;
            height: 500px;
                                overflow:auto;
                                background-color:#030304;
                                border:1px solid #171717;
            text-align:justify;
                                font-size:11px;
                                text-align: justify;
                                padding: 12px;
                                margin-top: 5px;
                                margin-bottom: 5px;
                        margin-left: 10px;
                        margin-right: 10px;
         }
         #geo
         {
            width:430px;
            height: 500px;
                                overflow:visible;
                                background-color:transparent;
                                border:0px;
            text-align:justify;
                                font-size:11px;
                                text-align: justify;
                                padding: 0px;
                                margin-top: 5px;
                                margin-bottom: 5px;
                        margin-left: 10px;
                        margin-right: 10px;
         }
         #rp
         {
            width:450px;
            height: 500px;
                                overflow:auto;
                                background-color:#030304;
                                border:1px solid #171717;
            text-align:justify;
                                font-size:11px;
                                text-align: justify;
                                padding: 12px;
                                margin-top: 5px;
                                margin-bottom: 5px;
                        margin-left: 10px;
                        margin-right: 10px;
         }
         #resume
         {
            width:350px;
            height: 500px;
                                overflow:auto;
                                background-color:#030304;
                                border:1px solid #171717;
            text-align:justify;
                                font-size:11px;
                                text-align: justify;
                                padding: 12px;
                                margin-top: 5px;
                                margin-bottom: 5px;
                        margin-left: 10px;
                        margin-right: 10px;
         }
         #info
         {
            width: 620px;
            float: left;
                                overflow:auto;
                                background-color:#030304;
                                border:1px solid #171717;
            text-align: justify;
                                font-size:11px;
                                text-align: justify;
                                padding: 12px;
                                margin-top: 5px;
                                margin-bottom: 5px;
                        margin-left: 10px;
                        margin-right: 10px;
         }
         #news
         {
            width:550px;
            height: 395px;
                                overflow:auto;
                                background-color:#030304;
                                border:1px solid #171717;
            text-align:justify;
                                font-size:11px;
                                text-align: justify;
                                padding: 12px;
                                margin-top: 5px;
                                margin-bottom: 5px;
                        margin-left: 10px;
                        margin-right: 10px;
         }
         #dernier
         {
            width:250px;
            height: 400px;
                                overflow:visible;
                                background-color:transparent;
                                border:0px;
            text-align:justify;
                                font-size:11px;
                                text-align: justify;
                                padding: 0px;
                                margin-top: 5px;
                                margin-bottom: 5px;
                        margin-left: 10px;
                        margin-right: 10px;
         }
         #kings
         {
            width:500px;
            height: 165px;
                                overflow:auto;
                                background-color:#030304;
                                border:1px solid #171717;
            text-align:justify;
                                font-size:11px;
                                text-align: justify;
                                padding: 12px;
                                margin-top: 5px;
                                margin-bottom: 5px;
                        margin-left: 10px;
                        margin-right: 10px;
         }
         #pause
         {
            width:500px;
            height: 500px;
                                overflow:auto;
                                background-color:#030304;
                                border:1px solid #171717;
            text-align:justify;
                                font-size:11px;
                                text-align: justify;
                                padding: 12px;
                                margin-top: 5px;
                                margin-bottom: 5px;
                        margin-left: 10px;
                        margin-right: 10px;
         }         
</style>




<div class="systeme_onglets">
<div class="onglets">
<span class="onglet_0 onglet" id="onglet_accueil" onclick="javascript:change_onglet('accueil');"><center><font size="2px">Accueil</font></center></span>
<span class="onglet_0 onglet" id="onglet_newsrp" onclick="javascript:change_onglet('newsrp');"><center><font size="2px">Les News <font color="#3399cc">RP</font></font></center></span>
<span class="onglet_0 onglet" id="onglet_univers" onclick="javascript:change_onglet('univers');"><center><font size="2px">L'Univers</font></center></span>
<span class="onglet_0 onglet" id="onglet_RP" onclick="javascript:change_onglet('RP');"><center><font size="2px">Le RP du mois</font></center></span>
<span class="onglet_0 onglet" id="onglet_newshrp" onclick="javascript:change_onglet('newshrp');"><center><font size="2px">Les News <font color="#3399cc">HRP</font></font></center></span>
<span class="onglet_0 onglet" id="onglet_absences" onclick="javascript:change_onglet('absences');"><center><font size="2px">Absences</font></center></span>
<span class="onglet_0 onglet" id="onglet_pause" onclick="javascript:change_onglet('pause');"><center><font size="2px">Une pause ?</font></center></span>
</div>



<div class="contenu_onglets">

<div class="contenu_onglets" id="contenu_onglet_accueil">
<table width="100%" border="0">
<tr>

<td width="50%" valign="top" align="center">
<img src="http://img8.xooimage.com/files/7/c/2/cerbera-1e3196d.png" border="0" />
<div style="position: relative; top: 0px; left: 30px; width: 380px; height: 311px;"><object width="380" height="315"><param name="movie" value="http://www.youtube.com/v/idril_A2eYU&hl=fr_FR&fs=1?color1=0x33332f&color2=0x97a588&border=1"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/idril_A2eYU&hl=fr_FR&fs=1?color1=0x33332f&color2=0x97a588&border=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="380" height="315"></embed></object></div>
<div style="width: 406px; height: 190px; background-image: url('http://img44.xooimage.com/files/f/0/2/bas-ent-te-1e2fa9c.jpg'); position: relative;">
<div style="position: absolute; top: 61px; left: 33px; width: 50px; height: 100px;">
<a href="http://sinners3.xooit.com/p6217.htm" target="_self"><img src="http://img43.xooimage.com/files/5/9/8/kayla-1e321de.png" border="0" /></a>
</div>
<div style="position: absolute; top: 61px; left: 84px; width: 50px; height: 100px;">
<a href="http://sinners3.xooit.com/p10551.htm" target="_self"><img src="http://img46.xooimage.com/files/2/9/8/nigel-1ecee15.png" border="0" /></a>
</div>
<div style="position: absolute; top: 61px; left: 135px; width: 50px; height: 100px;">
<a href="http://sinners3.xooit.com/p10389.htm" target="_self"><img src="http://img46.xooimage.com/files/5/2/4/jeyra-1ecee0a.png" border="0" /></a>
</div>
<div style="position: absolute; top: 61px; left: 186px; width: 50px; height: 100px;">
<a href="http://sinners3.xooit.com/p4499.htm" target="_self"><img src="http://img45.xooimage.com/files/d/5/4/tarquin-1e321ed.png" border="0" /></a>
</div>
<div style="position: absolute; top: 61px; left: 237px; width: 50px; height: 100px;">
<a href="http://sinners3.xooit.com/p3215.htm" target="_self"><img src="http://img2.xooimage.com/files/1/2/6/lena-1ed07d8.png" border="0" /></a>
</div>
<div style="position: absolute; top: 61px; left: 288px; width: 50px; height: 100px;">
<a href="http://sinners3.xooit.com/p10357.htm" target="_self"><img src="http://img24.xooimage.com/files/1/f/5/dog-1eced5c.png" border="0" /></a>
</div>
<div style="position: absolute; top: 61px; left: 339px; width: 50px; height: 100px;">
<a href="http://sinners3.xooit.com/p10571.htm" target="_self"><img src="http://img24.xooimage.com/files/8/e/5/rose-1ecec97.png" border="0" /></a>
</div>
</td>

<td width="50%" valign="top" align="center">
<div align="center">
<div style="width: 481px; height: 560px; background-image: url('http://img4.xooimage.com/files/c/4/6/entete2-1e2fd52.jpg'); position: relative;">
<marquee direction="up" scrollamount="1"; style="position: absolute; top: 70px; left: 70px; width: 210px; height: 180px;">
<a href="http://mjollnir.xooit.com/index.php" target="_blank"><img src="http://img43.xooimage.com/files/1/c/8/100x35-1f9b5c8.png" border="0" /></a>
<a href="http://asaria.forumpro.fr/" target="_blank"><img src="http://nsa07.casimages.com/img/2009/04/25/090425024045535286.jpg" border="0" /></a>
<a href="http://laciteinterdite.forum-actif.net/" target="_blank"><img src="http://img136.imageshack.us/img136/9412/lcianima1.gif" border="0" /></a>
<a href="http://earth-playground.forumactif.org/forum.htm" target="_blank"><img src="http://i687.photobucket.com/albums/vv240/Manoucha/Logo-100.jpg" border="0" /></a>
<a href="http://gehinnom.forumactif.com/" target="_blank"><img src="http://i61.servimg.com/u/f61/09/01/76/61/71hftk10.gif" border="0" /></a>
<a href="http://velvetvalley.forumactif.com/" target="_blank"><img src="http://i66.servimg.com/u/f66/12/36/58/65/bouton10.jpg" border="0" /></a>
<a href="http://immortalgame-newborn.forumsactifs.net/" target="_blank"><img src="http://i43.tinypic.com/o0ndir.gif" border="0" /></a>
<a href="http://afterworld.xooit.fr/index.php" target="_blank"><img src="http://imagik.fr/uploads/265956" border="0" /></a>
<a href="http://remains.forumactif.org/forum.htm" target="_blank"><img src="http://i35.servimg.com/u/f35/15/35/90/42/bouton14.png" border="0" /></a><a href="http://hirwen.forumperso.com/forum.htm" target="_blank"><img src="http://nsa20.casimages.com/img/2010/10/14/101014031337612707.png" border="0" /></a>
</marquee>

<div style="position: absolute; top: 287px; left: 68px; width: 105px; height: 45px;">
<a href="http://www.root-top.com/topsite/korben/in.php?ID=9842" target="_blank"><img src="http://img46.xooimage.com/files/7/4/6/cliquer-1e2eb7d.gif" border="0"></a>
</div>
<div style="position: absolute; top: 287px; left: 178px; width: 100px; height: 50px;">
<a href="http://www.root-top.com/topsite/velusia/in.php?ID=4094" target="_blank"><img src="http://img45.xooimage.com/files/0/e/5/cliquer-1e2ebfc.gif" border="0"></a>
</div>
<div style="position: absolute; top: 338px; left: 68px; width: 105px; height: 45px;">
<a href="http://www.root-top.com/topsite/odealavie/in.php?ID=536" target="_blank"><img src="http://img46.xooimage.com/files/d/8/3/cliquer-1e2ec4e.gif" border="0"></a>
</div>
<div style="position: absolute; top: 71px; left: 319px; width: 80px; height: 81px;">
<a href="http://sinners3.xooit.com/privmsg.php?mode=post&u=18" target="_self"><img src="http://img6.xooimage.com/files/7/3/2/admin1-21c0485.png" border="0"></a>
</div>
<div style="position: absolute; top: 111px; left: 386px; width: 80px; height: 81px;">
<a href="http://sinners3.xooit.com/privmsg.php?mode=post&u=4" target="_self"><img src="http://img2.xooimage.com/files/b/8/2/admin2-21c05f4.png" border="0"></a>
</div>




<div style="position: absolute; top: 256px; left: 320px; width: 30px; height: 110px;">
<a href="http://sinners3.xooit.com/privmsg.php?mode=post&u=19" target="_self"><img src="http://img47.xooimage.com/files/5/3/0/vik-1e2f168.png" border="0"></a>
</div>
<div style="position: absolute; top: 256px; left: 350px; width: 30px; height: 110px;">
<a href="http://sinners3.xooit.com/privmsg.php?mode=post&u=14" target="_self"><img src="http://img47.xooimage.com/files/e/c/4/alec-1e2f150.png" border="0"></a>
</div>
<div style="position: absolute; top: 256px; left: 380px; width: 30px; height: 110px;">
<a href="http://sinners3.xooit.com/privmsg.php?mode=post&u=30" target="_self"><img src="http://img41.xooimage.com/files/d/5/f/alice-1e2f155.png" border="0"></a>
</div>
<div style="position: absolute; top: 256px; left: 410px; width: 30px; height: 110px;">
<a href="http://sinners3.xooit.com/privmsg.php?mode=post&u=39" target="_self"><img src="http://img49.xooimage.com/files/7/1/b/haydn-1e2f15f.png" border="0"></a>
</div>
<div style="position: absolute; top: 256px; left: 440px; width: 30px; height: 110px;">
<a href="http://sinners3.xooit.com/privmsg.php?mode=post&u=20" target="_self"><img src="http://img45.xooimage.com/files/3/0/5/miles-1e2f165.png" border="0"></a>
</div>




<div style="position: absolute; top: 470px; left: 35px; width: 311px; height: 35px;">
<a href="http://sinners3.boosterforum.com/" target="_blank"><img src="http://www.boosterforum.com/forum_ban/2_88x31.gif" border="0"></a>
<a href="http://www.sawen.net/" target="_blank" /><img src="http://i32.tinypic.com/e370z.jpg" border="0"></a>
<a href="http://www.frole-pbf.net/" target="_blank" /><img src="http://www.frole-pbf.net/img/links/88x31.jpg" border="0"></a>
</div>
<div style="position: absolute; top: 525px; left: 45px; width: 352px; height: 19px;">
<a href="http://best-rpg.forumpro.fr" target="nter" valign="top"></div></div></div>


<div id="univers">
Pour plus d'informations sur les différentes zones de Néo-Pangée et de Sinneria, ainsi que sur les villes et leur descriptif, vous pouvez consulter <a href="http://sinners3.xooit.com/p3181.htm" target="_self">ce sujet</a>.




<center><img src="http://img44.xooimage.com/files/d/9/8/drapeau-1ec93dc.jpg" border="0" />


"À la mémoire éternelle du fait."


<font color="#888888"><i>- drapeau de la Néo-Pangée -</i></font>



<img src="http://img26.xooimage.com/files/9/e/b/cityscape_by_kerembeyit-1ec9d80.png" border="0" /></center>

</td>

<td align="center" valign="top">
<div id="geo">


<a href="http://img44.xooimage.com/files/1/8/9/sinneria-1e85b90.jpg" target="_blank"><img src="http://img45.xooimage.com/files/7/8/c/sinnpetit-1ec8f48.jpg" border="0" /></a>



<a href="http://img231.imageshack.us/img231/3856/neopangee.jpg" target="_blank"><img src="http://img43.xooimage.com/files/1/a/2/neopangee-1e85c31-1ec8fe9.jpg" border="0" /></a>
</div>
</td>
</tr>
</table>
</div>

















<div id="rp">
<table width="100%">
<tr>
<td align="center" valign="top">
<div id="resume">
<center><img src="http://img41.xooimage.com/files/4/a/f/al-1eca3b3.jpg" border="0" /><img src="http://img49.xooimage.com/files/e/5/f/asd-1eca3b4.jpg" border="0" /></center>



<font color="#cc9933">En quelques mots...</font>



Alice et Zachary sont deux enfants terribles, des gosses des rues qui apprennent la vie à coups de pieds dans le derrière mais qui en sont fiers et c'est ce qui fait leur force. Si ces deux là se tournent autour ? Rien n'est plus certain, mais ils se gardent bien de l'avouer. En tout cas leurs rencontres sont toujours très intenses et entraînantes et vous manqueriez quelque chose en ne lisant pas ce texte.



Point de vue sur une relation fusionnelle et explosive. Révélation ! <img src="http://img7.xooimage.com/files/6/0/1/icon_wink-1e0455.gif" border=0" />
<div />
</td>

<td align="center" valign="top">
<div id="rp">
<center><font color='#3399cc'>Alice May</font> / <font color='#3399cc'>Zachary Guizdo</font>


Ouverture d'Alice</font>


<a href="http://sinners3.xooit.com/p6894.htm" target="_blank"><font size="1px"><font color="#cc9933">J'comptais justement t'en parler...</font></font></a></center>




Comme une masse, son poing s'abat au sol dans un boucan à en réveiller Sîn, pile à l'endroit où j'me trouvais y a pas un dixième de seconde plus tôt. J'ai vraiment cru qu'j'allais encore voir toute ma vie défiler devant mes yeux... Heureusement, à cet instant, j'me trouve juste derrière lui, accrochée par les bras au grillage de l'arène. Mouvement de balancier, une fois, de fois, et vlan! J'lui envoie mes deux pieds en plein dans la nuque, de toutes mes forces! Haha, tu l'avais pas vu v'nir celle-là hein, gros lourdaud!



Le choc l'ébranle un peu, assez pour qu'il avance de deux pas et fléchisse un peu les genoux. Je retombe au sol, et laisse une nouvelle fois les picotements me chatouiller de partout. Hop, me rev'là devant lui, je saute, je plonge, et j'lui envoie le tranchant de la main dans sa gorge, en plein sur la pomme d'Adam! Trop facile. Cette fois il recule, titube, vacille, et son regard devient vraiment crasse. Ça va chier! Il serre les poings, et j'me tiens en garde, prête à disparaître à la première offensive. Il souffle fort, on dirait un buffle qui s'apprête à charger, et j'ressemble à une souris à côté de sa masse d'armoire à glace... Mais c'est pas ça qui va m'faire peur! Çui-là, c'est un facile, et ça m'gonfle, parce que je sens qu'ils sont encore en train d'me tester. Merde, ça fait près d'six mois que j'cogne tout c'qui bouge, j'en ai dérouillé plus d'un, et ils me refilent encore les cuirassés! Contre ce genre de balèze, j'ai la victoire commode; ils sont lents et j'arrive à anticiper.



Les pyros et les psycho, eux c'est les dangereux. Enfin, les psychos, heureusement, on en voit presque jamais ici. Pas assez de spectacle. Normal, t'imagine passer une heure à mater deux types qui s'regardent dans le blanc des yeux comme deux tanches, à savoir c'est lequel qui va avoir la plus grande volonté? Nan, ce s'rait chiant. Après, ceux qui peuvent faire bouger des trucs, les rapides, les intelligents, c'est eux que j'vise. C'est pour eux que j'm'entraîne, que j'essaie de m'améliorer. M'enfin, ça vaut p'têtre mieux qu'ils me les refilent pas encore. J'suis p'têtre pas encore tout à fait prête. L'autre gros dégénéré là par contre, j'vais en faire qu'une bouchée, j'ai qu'à attendre qu'il me charge et j'aurais plus qu'à placer mon coup final. Ça y est, il s'élance. Je bouge pas d'un poil, j'attends qu'il s'approche, encore, encore, et là je fuse. Je glisse au sol, en avant, passe entre ses jambes, m'accroche à ses couilles, tire bien fort, et m'retrouve derrière. Ça fait mal. Il gueule comme un porc, tombe à genoux. Je lève les yeux au ciel. Quel cinéma!



C'est l'moment d'asséner le coup de grâce: je saute, disparais en l'air, et réapparaît au dessus de sa nuque, sur laquelle je retombe à pieds joints. Il s'écroule. Mais c'est sûr'ment pas fini. Je lève ma jambe, et l'écrase de ton mon poids, talons en avant, sur le derrière de sa grosse tête rasée. J'pense que c'est bon. Je reste vigilante, au cas où, mais les secondes passent, et il s'relève plus. L'arbitre entre dans le cirque et prononce ma victoire: « Ce gringalet paye pas de mine, mais il lui a défoncé la cabine! » Haha, c'est nul... Mais j'suis quand même drôlement fière de mon coup. Il attrape mon bras et le tend vers le plafond, et ensuite j'exécute mon saut de la victoire: salto avant, disparition, réapparition plus haut, fin de la figure, atterrissage, salut. Ça en jette à mort. Le public braille, ils sont pas encore habitués et la plupart a misé sur le gros lard... Tant pis pour eux!



Je disparais dans les coulisses, et la première chose que j'fais, c'est bouffer un truc. Le combat n'a duré qu'un quart d'heure, mais j'ai pas mal utilisé mon pouvoir, alors je crève la dalle. Je prends une douche, fourre mes fringues puantes dans mon sac, et remets mon éternel jean et mes baskets. Ni vu ni connu, j't'embrouille, personne pourra deviner que le gringalet en question, c'est moi, et qu'en plus j'suis une nana. À la sortie des vestiaires, je retrouve Mok qui me saute dessus. On se frappe dans les mains et on entame la danse de la victoire en bramant comme des putois, morts de rire. Mok, c'est un pote avec qui j'traîne assez souvent ces derniers temps, vu que môssieur Zach daigne même plus me faire la grâââce de sa présence. Zach aime pas trop Mok, j'sais pas pourquoi, mais lui au moins il sait pour les duels, et surtout il m'encourage. Surexcité, il parle à toute vitesse en mimant tout ce qu'il raconte à grands renforts de mouvements de bras et de coups de pieds imaginaires.



[...]
</div>
</td>
</tr>
</table>
</div>











<div class="contenu_onglet" id="contenu_onglet_newshrp">
<table width="100%" align="center">
<tr>
<td align="left" valign="middle">
<div id="info">
<table width="100%" align="center">
  <tr>
   <td align="left" valign="middle"><span class="gensmall">
   <!-- BEGIN switch_user_logged_in -->
   {LAST_VISIT_DATE}

   <!-- END switch_user_logged_in -->
   {CURRENT_TIME}</span></td>
   <td align="right" valign="middle" class="gensmall">
      <!-- BEGIN switch_user_logged_in -->
      <a href="{U_SEARCH_NEW}" class="gensmall">{L_SEARCH_NEW}</a>
<a href="{U_SEARCH_SELF}" class="gensmall">{L_SEARCH_SELF}</a>

      <!-- END switch_user_logged_in -->
      <a href="{U_SEARCH_UNANSWERED}" class="gensmall">{L_SEARCH_UNANSWERED}</a></td>
  </tr>
</table>
</div>
</td>
<td width="180px">
<align="left"><img src="http://img46.xooimage.com/files/e/6/8/car-1eca8c9.jpg" border="0" /></align>
</td>
</tr>
</table>

<table width="100%">
<tr>

<td width="550px" valign="top">
<div id="news">
<font size="1em">
<font color="#3399cc">27/10/10</font>   <font color="#cc9933">Nouvelle organisation</font>
<img src="http://img1.xooimage.com/files/3/5/8/17-arrow2-20d86.gif" border="0" />   Nos pères fondateurs, Graydon et billie, nous quitte aujourd'hui pour des raisons très personnel après 4 ans de loyaux services à la cause de Sinners. Nous leur souhaitons bon vent et beaucoup de bonheur. En raison de quoi, l'admin de réserve Viktor Sédah devient l'admin principale du forum et Miles Vanneyck sont co-admin. Ils sont maintenant vos nouveaux référents. Côté modération, rien ne change, Alice et Moosh restent nos modos !



<font color="#3399cc">29/07/10</font>   <font color="#cc9933">Xooit attaqué</font>
<img src="http://img1.xooimage.com/files/3/5/8/17-arrow2-20d86.gif" border="0" />   Depuis plusieurs jours, les serveurs d'Xooit sont attaqués. Des filtres très puissants ont été mis en place mais les attaques se poursuivent, rendant parfois inaccessible l'accès au forum. Nous vous demandons d'être patients et vous remercions de votre compréhension. Sachez que vous pouvez à tout moment consulter l'état du réseau en cliquant <a href="http://reseau.xooit.com/" target="_blank">ici</a>.



<font color="#3399cc">19/07/10</font>   <font color="#cc9933">Les vilains "Mutants" !</font>
<img src="http://img1.xooimage.com/files/3/5/8/17-arrow2-20d86.gif" border="0" />   Un scénario va être mis en place prochainement. L'idée : un groupe de terroriste venant du sud de la Néo-Pangée fait tomber les villes les unes après les autres et n'a qu'un seul but, exterminer les humains. Vous pouvez choisir un PV <a href="http://sinners3.xooit.com/p10356.htm" target="_self">ici</a> ou créer votre propre personnage, qui en fera partie ou les combattra.



<font color="#3399cc">07/07/10</font>   <font color="#cc9933">En recherche de personnel</font>
<img src="http://img1.xooimage.com/files/3/5/8/17-arrow2-20d86.gif" border="0" />   Nous recherchons de bonnes âmes motivées pour nous aider HRP sur le futur petit frère de Sinners : Kingsmere. Les postes les plus lourds et contraignants sont déjà pris, ne restent plus que les plus amusants <i>*sifflote*</i>. Vous trouverez la liste de ces postes et comment déposer votre candidature <a href="http://sinners3.xooit.com/p10010.htm" target="_self">ici</a>.



<font color="#3399cc">11/06/10</font>   <font color="#cc9933">Référencement sur Best RPG</font>
<img src="http://img1.xooimage.com/files/3/5/8/17-arrow2-20d86.gif" border="0" />   Notre demande de référencement sur le forum <a href="http://best-rpg.forumpro.fr" target="_blank">Best RPG</a> a été acceptée ! Vous pouvez consulter le sujet <a href="http://sinners3.xooit.com/p9612.htm" target="_self">ici</a>.



<font color="#3399cc">15/05/10</font>   <font color="#cc9933">Et la réponse rapide ?</font>
<img src="http://img1.xooimage.com/files/3/5/8/17-arrow2-20d86.gif" border="0" />   Suite à <a href="http://sinners3.xooit.com/p7513.htm" target="_self">ce sondage</a>, la réponse rapide a été réactivée sur le forum. Vous pouvez encore donner votre avis.

- après délibération, la réponse rapide est supprimée -



<font color="#3399cc">02/05/10</font>   <font color="#cc9933">La foire aux questions</font>
<img src="http://img1.xooimage.com/files/3/5/8/17-arrow2-20d86.gif" border="0" />   La <a href="http://sinners3.xooit.com/p4614.htm" target="_self">foire aux questions</a> de Sinners a été postée ! Vous pouvez poser toutes vos questions relatives à l'univers, demander des explications sur ce que vous n'avez pas compris ou ce que vous aimeriez voir complété.



<font color="#3399cc">24/04/10</font>   <font color="#cc9933">Des rangs personnalisés</font>
<img src="http://img1.xooimage.com/files/3/5/8/17-arrow2-20d86.gif" border="0" />   Si l'envie vous en prend, pensez que vous avez la possibilité de demander un rang propre ! Le sujet explicatif se trouve <a href="http://sinners3.xooit.com/p3404.htm" target="_self">ici</a>.
</font>
</div>
</td>

<td width="250px" valign="top">
<div id="dernier">


<img src="http://img10.xooimage.com/files/b/6/c/tess-1ee43c3.png" border="0" /><img src="http://img2.xooimage.com/files/6/4/5/dernierinscrit-1eeb704.png" border="0" />
</div>
</td>
</tr>
</table>
</div>

















<div class="contenu_onglet" id="contenu_onglet_absences">


<table width="100%" border="0">
<tr>
<td width="70%">
<img src="http://img6.xooimage.com/files/a/f/d/arri-reabsences-1eac3ec.jpg" border="0" width="100%" />
</td>

<td width="30%" border="0" />
<div style="text-align: justify">
<font size="1px">
<strong><font color='#3399cc'>Aaron</font></strong>  <img src="http://img1.xooimage.com/files/3/5/8/17-arrow2-20d86.gif" border="0" />   Pas d'accès Internet régulier en ce moment. Passe quand même au moins deux fois dans la semaine.



<strong><font color='#3399cc'>Cassie</font></strong>  <img src="http://img1.xooimage.com/files/3/5/8/17-arrow2-20d86.gif" border="0" />   Travail de vacances oblige... pas de retour fixé pour le moment.



<strong><font color='#3399cc'>Haydn</font></strong>  <img src="http://img1.xooimage.com/files/3/5/8/17-arrow2-20d86.gif" border="0" />   Gros maladroit ! En convalescence et repassera dès qu'il pourra réutiliser son poignet droit.



<strong><font color='#3399cc'>Miles</font></strong>  <img src="http://img1.xooimage.com/files/3/5/8/17-arrow2-20d86.gif" border="0" />   En vacances, de retour le 20 août. Aucun accès Internet avant cela.



<strong><font color='#3399cc'>Viktor</font></strong>  <img src="http://img1.xooimage.com/files/3/5/8/17-arrow2-20d86.gif" border="0" /> &nbsp; Beaucoup de travail, passe régulièrement quand même.
</font>
</div>
</div>
</td>
</td>
</tr>
</table>

</div>























<div class="contenu_onglet" id="contenu_onglet_pause">
<table width="100%" border="0">
<tr>
<td align="center" valign="top">
<div id="pause">
<a href="http://best-rpg.forumpro.fr" target="_blank"><img src="http://img10.xooimage.com/files/a/c/9/boutonbest-1eccbe8.png" border="0" style="float: left; margin-right: 15px;" /></a>
Best RPG est un site de référencement des meilleurs forums RPGs du moment. Être référencé sur Best RPG signifie avoir un forum de qualité et actif, pour lequel les administrateurs travaillent quotidiennement car des contrôles réguliers sont effectués. D'ailleurs, vous pourrez les voir connectés sur Sinners de temps à autres ! Best RPG est aussi un forum très accueillant et sur lequel vous pourrez trouver votre bonheur, si Sinners ne comble pas tous vos désirs d'èrepégistes !





<img src="http://img2.xooimage.com/files/4/d/3/boutonkings-1eccc43.png" border="0"  style="float: left; margin-right: 15px;" />
Un forum est en préparation. Vous en avez certainement entendu parlé... voyons, un effort. Oui ! C'est ça, Kingsmere ! Il est en construction depuis plusieurs mois déjà car nous nous consacrons en grande partie à Sinners mais avec les vacances, nous avons décidé qu'il était temps de nous bouger les touches et de rédiger tout ce qui lui manquait pour être viable. Vous serez les premiers informés de son ouverture officielle et, en attendant, Alexis, Cassie et moi-même vous souhaitons de bien èrepéter sur Sinners !





<a href="http://midnightrun.forumactif.com" target="_blank"><img src="http://img10.xooimage.com/files/3/c/0/boutonmr-1eccbeb.jpg" border="0"  style="float: left; margin-right: 15px;" /></a>
LE forum de la team Midnight Run qui sévit dans la région du Maine-et-Loire. Vous cherchez des informations sur vos voitures ? Vous avez besoin d'un petit coup de pouce de quelqu'un qui s'y connait ? MR est un forum convivial et très accessible pour les novices. Gray' vous y accueillera les bras ouverts et fera de vous un vrai dingue de bagnoles... enfin, on pourrait vous l'épargner <i>*roule des yeux*</i>
</td>
</div>

<td valign="top">


<center><object width="300" height="400"><param name="movie" value="http://www.deezer.com/embed/player?pid=47679394&ap=0&ln=fr&sl=1"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.deezer.com/embed/player?pid=47679394&ap=0&ln=fr&sl=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="300" height="400"></embed></object></center>


<img src="http://img44.xooimage.com/files/b/8/3/apo-1eccdee.png" border="0" />
</td>
</tr>
</table>
</div>











</div>
</div>




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







</td>
</tr>
</table>
MessageSujet: Soucis avec mes onglets   Soucis avec mes onglets EmptyJeu 28 Oct 2010, 16:23
Revenir en haut Aller en bas
http://generation.geek.chez.com
Boow
Boow
{ Membre actif }
{ Membre actif }

Masculin Messages : 866



Soucis avec mes onglets Empty
Est-ce que tu as bien mis ceci dans le template "overall_header" ?

Code:
<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>

<style type="text/css">
        .onglet
        {
                display:inline-block;
                width: 110px;
                margin-left:0px;
                margin-right:-5px;
                padding:2px;
                border:1px solid #666745;
                cursor:pointer;
        }
        .onglet_0
        {
                background-image: url('http://img10.xooimage.com/files/c/9/c/boutononglet2-1c3b89e-1e83348.jpg');
                border-bottom:1px solid #060606;
        }
        .onglet_1
        {
                background-image: url('http://img2.xooimage.com/files/8/6/9/boutononglet-1c3b83f-1e83342.jpg');
                border-bottom:0px solid #666745;
                padding-bottom:4px;
        }
        .contenu_onglet
        {
                background-color:#000000;
                border:1px solid #666745;
                margin-top:-1px;
                padding:5px;
                display:none;
        }
        #meteo
        {
            width:320px;
            height: 500px;
                                overflow:auto;
                                background-color:#030304;
                                border:1px solid #171717;
            text-align:justify;
                                font-size:11px;
                                text-align: justify;
                                padding: 12px;
                                margin-top: 5px;
                                margin-bottom: 5px;
                        margin-left: 10px;
                        margin-right: 10px;
        }
        #contexte
        {
            width:480px;
            height: 500px;
                                overflow:auto;
                                background-color:#030304;
                                border:1px solid #171717;
            text-align:justify;
                                font-size:11px;
                                text-align: justify;
                                padding: 12px;
                                margin-top: 5px;
                                margin-bottom: 5px;
                        margin-left: 10px;
                        margin-right: 10px;
        }
        #univers
        {
            width:370px;
            height: 500px;
                                overflow:auto;
                                background-color:#030304;
                                border:1px solid #171717;
            text-align:justify;
                                font-size:11px;
                                text-align: justify;
                                padding: 12px;
                                margin-top: 5px;
                                margin-bottom: 5px;
                        margin-left: 10px;
                        margin-right: 10px;
        }
        #geo
        {
            width:430px;
            height: 500px;
                                overflow:visible;
                                background-color:transparent;
                                border:0px;
            text-align:justify;
                                font-size:11px;
                                text-align: justify;
                                padding: 0px;
                                margin-top: 5px;
                                margin-bottom: 5px;
                        margin-left: 10px;
                        margin-right: 10px;
        }
        #rp
        {
            width:450px;
            height: 500px;
                                overflow:auto;
                                background-color:#030304;
                                border:1px solid #171717;
            text-align:justify;
                                font-size:11px;
                                text-align: justify;
                                padding: 12px;
                                margin-top: 5px;
                                margin-bottom: 5px;
                        margin-left: 10px;
                        margin-right: 10px;
        }
        #resume
        {
            width:350px;
            height: 500px;
                                overflow:auto;
                                background-color:#030304;
                                border:1px solid #171717;
            text-align:justify;
                                font-size:11px;
                                text-align: justify;
                                padding: 12px;
                                margin-top: 5px;
                                margin-bottom: 5px;
                        margin-left: 10px;
                        margin-right: 10px;
        }
        #info
        {
            width: 620px;
            float: left;
                                overflow:auto;
                                background-color:#030304;
                                border:1px solid #171717;
            text-align: justify;
                                font-size:11px;
                                text-align: justify;
                                padding: 12px;
                                margin-top: 5px;
                                margin-bottom: 5px;
                        margin-left: 10px;
                        margin-right: 10px;
        }
        #news
        {
            width:550px;
            height: 395px;
                                overflow:auto;
                                background-color:#030304;
                                border:1px solid #171717;
            text-align:justify;
                                font-size:11px;
                                text-align: justify;
                                padding: 12px;
                                margin-top: 5px;
                                margin-bottom: 5px;
                        margin-left: 10px;
                        margin-right: 10px;
        }
        #dernier
        {
            width:250px;
            height: 400px;
                                overflow:visible;
                                background-color:transparent;
                                border:0px;
            text-align:justify;
                                font-size:11px;
                                text-align: justify;
                                padding: 0px;
                                margin-top: 5px;
                                margin-bottom: 5px;
                        margin-left: 10px;
                        margin-right: 10px;
        }
        #kings
        {
            width:500px;
            height: 165px;
                                overflow:auto;
                                background-color:#030304;
                                border:1px solid #171717;
            text-align:justify;
                                font-size:11px;
                                text-align: justify;
                                padding: 12px;
                                margin-top: 5px;
                                margin-bottom: 5px;
                        margin-left: 10px;
                        margin-right: 10px;
        }
        #pause
        {
            width:500px;
            height: 500px;
                                overflow:auto;
                                background-color:#030304;
                                border:1px solid #171717;
            text-align:justify;
                                font-size:11px;
                                text-align: justify;
                                padding: 12px;
                                margin-top: 5px;
                                margin-bottom: 5px;
                        margin-left: 10px;
                        margin-right: 10px;
        }       
</style>
MessageSujet: Re: Soucis avec mes onglets   Soucis avec mes onglets EmptyLun 01 Nov 2010, 16:49
Revenir en haut Aller en bas
Druyk
Druyk
{ Membre actif }
{ Membre actif }

Masculin Messages : 339



Soucis avec mes onglets Empty
Bonjour,
Votre problème est-il toujours d'actualité ?
Si celui-ci est résolu, merci de cocher dans "icône du sujet" l'icône Soucis avec mes onglets Resolu3 en éditant votre premier post.
MessageSujet: Re: Soucis avec mes onglets   Soucis avec mes onglets EmptyDim 07 Nov 2010, 05:16
Revenir en haut Aller en bas
Contenu sponsorisé




Soucis avec mes onglets Empty
MessageSujet: Re: Soucis avec mes onglets   Soucis avec mes onglets Empty
Revenir en haut Aller en bas
 

Soucis avec mes onglets

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

 Sujets similaires

-
» Soucis d'espace avec les onglets
» Soucis D'onglets
» Soucis avec une PA
» Soucis avec IE
» Soucis avec un effet :)

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