Problème dans les onglets

Page 2 sur 2 Précédent  1, 2

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

Résolu Problème dans les onglets

Message par Sultanna le Mer 23 Fév 2011 - 19:49

Rappel du premier message :

bonjour
Bon voila ma chat box elle est comme pas du tout centrer dans mon onglet et je voudrais savoir qu'est ce que je dois modifier pour cela ^^' Et si vous pouvez m'aider aussi pour que les catégorie et les sujets du forum sois plus large j'ai tout essayer même d'autres personnes qui sont venu m'aider, mais j'ai jamais réussis...

J'aimerais plus savoir comment on fait pour retirer un onglet car je préfère la chat box original du forum mais j'ai faite un onglet juste pour la chat box...



code dans page d'acceuil

<script src="http://www.archive-host.com/files/597546/96de005e35ffd2b9823d2b1d229d90d18341a601/onglets_2.js"></script><div id="mes_onglets">
<ul>
<li id="o_1" class="mon_onglet_selected" onclick="changeOnglet(this);">Accueil</li>

<li id="o_2" class="mon_onglet" onclick="changeOnglet(this);">Information</li>

<li id="o_3" class="mon_onglet" onclick="changeOnglet(this);">Tableau</li>

<li id="o_4" class="mon_onglet" onclick="changeOnglet(this);">Chat Box</li>

<li id="o_5" class="mon_onglet" onclick="changeOnglet(this);">Musique</li><div class="clear"><div id="mes_contenus"><div id="co_1" class="mon_contenu">

<table>
<tr>
<td class="row1" width="100%" height="100%" style="text-align:center;">

<img src="http://img707.imageshack.us/img707/3002/69896055banniere7cjpng.png" border="0" alt="" /><br><br>
<strong>Bienvenue sur NrN</strong> <br><br>
</span><table width="90%" cellspacing="1" cellpadding="0" border="0" align="center"><tr><td><span class="genmed">Tout ce passe dans Naruto shippuden. L'akatsuki cours toujours après les Bijuus, tandis que les Jinchurikis tente de rester en vie pour détruire l'akatsuki. Choisissez votre personnage et rejoingnez le monde de Naruto. C'est à vous maintenant de décider quel tournure le monde des Ninjas ira. Serez vous dans le bien ou le mal...</td></tr></table><table style="width:100%">
<tr><th style="width:50%">
<span style="font-size: 18px; line-height: normal">
<strong><u>Liens Utiles</u></strong></th>
<th style="width:50%"><strong><u>Voter! Pour le bien du forum. Merci =D</u></strong>
</th>
</tr>
</span><tr><td style="width:50%">
<a href="http://naruto-rpg-ninja.forumactif.biz/reglements-f1/" class="postlink">Réglements</a><br>
<a href="http://naruto-rpg-ninja.forumactif.biz/les-personnages-f23/personnages-de-naruto-pris-le-niveau-de-rp-requis-pour-t3.htm" class="postlink">Personnages</a><br>
<a href="http://naruto-rpg-ninja.forumactif.biz/presentations-f4/" class="postlink">Présentations</a><br>
<a href="http://naruto-rpg-ninja.forumactif.biz/fiche-des-ninjas-f3/" class="postlink">Fiches Ninjas</a><br>
</td><td style="width:50%">
<a href="http://www.root-top.com/topsite/nacimem/in.php?ID=4496" class="postlink" target="_blank"><img src="http://img.root-top.com/topsite/nacimem/banner.gif" border="0" alt="" /></a>
</td></tr></table>
<br><div style="margin:auto;text-align:center;width:100%"><img src=" http://img684.imageshack.us/img684/8605/anim2x.gif" border="0" alt="" /> </div>

</td>
</tr>
</table>
</div><div id="co_2" class="mon_contenu" style="display: none;">
<table><tr><td class="row1" width="100%" height="100%">
<span style="font-size: 18px; line-height: normal"><strong><div style="margin:auto;text-align:center;width:100%"><strong>Bonjour, Nous recrutons 10 Modérateurs! Un pour chaque village.. Les restrictions pour devenir Modérateur</strong>
<br>
<br>
<font color="red">-Être Kage de ce village
<br>

-Bien respectez les réglements du Forum
<br>

-Avoir un bon language
<br>

-Être actif</font>
<br>
<br>
<i>Être Kage d'un village n'est pas seulement un avantage, il y à des responsabilités liés à cela. Vous devez être actif puisque c'est vous qui donnerez les missions au ninja et protégez votre village.
Vous voulez en devenir un? Envoyez moi un mp en me disant pourquoi je devrais vous choisir et quel village que vous voulez.</i></div>


>!</strong></span>
</td></tr></table>
</div><div id="co_3" class="mon_contenu" style="display: none;">
<table>
<tr>
<td class="row1" width="100%" height="100%">


<div style="margin:auto;text-align:center;width:100%"><span style="font-size: 18px; line-height: normal"><strong>Les Kages</strong></span></div>
<br>
<font color="green"><strong>Konoha</strong></font> --->
<br>
<font color="yellow"><strong>Suna</strong> </font> --->
<br>
<font color="orange"><strong>Kumo</strong> </font> --->
<br>
<font color="indigo"><strong>Oto</strong> </font> --->
<br>
<font color="cyan"><strong>Kiri</strong> </font>--->
<br>
<font color="brown"><strong>Iwa</strong></font> --->
<br>
<font color="cyan"><strong>Ame</strong></font> --->
<br>
<font color="violet"><strong>Kusa </strong></font> --->
<br>
<font color="olive"><strong>Taki</strong> </font> --->
<br>
<font color="blue"><strong>Yuki</strong> </font> --->
<br>
<strong>Déserteur</strong> --->
<br>
<font color="darkblue"><strong>Taka</strong></font> --->
<br>
<font color="darkred"><strong>Akatsuki</strong></font> --->







</td>
</tr>
</table>
</div><div id="co_4" class="mon_contenu" style="display: none;">

<table>
<tr>


<img style="visibility:hidden;width:0px;height:0px;" border=0 width=0 height=0 src="http://c.gigcount.com/wildfire/IMP/CXNID=2000002.0NXC/bT*xJmx*PTEyOTI1MzMwMzA4MTUmcHQ9MTI5MjUzMzA*NDEzOCZwPTUzMTUxJmQ9Jmc9MiZvPTliODkyMjMzOTI5MTRkOGU5Mjgy/YWYzYjQzM2E*YWNjJm9mPTA=.gif" /><embed src="http://www.xatech.com/web_gear/chat/chat.swf" quality="high" bgcolor="#000000" width="540" height="405" name="chat" FlashVars="id=125515886" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://xat.com/update_flash.shtml" /><br><small><a target="_BLANK" href="http://xat.com/web_gear/?cb">Get your own Chat Box!</a> <a target="_BLANK" href="http://xat.com/web_gear/chat/go_large.php?id=125515886">Go Large!</a></small><br>



</td>
</tr>

</table>

</div><div id="co_5" class="mon_contenu" style="display: none;">

<table>
<tr>

<td class="row1" width="100%" height="100%">

<img style="visibility:hidden;width:0px;height:0px;" border=0 width=0 height=0 src="http://counters.gigya.com/wildfire/IMP/CXNID=2000002.0NXC/bT*xJmx*PTEyODk5MTg4ODU*OTYmcHQ9MTI4OTkxODkwMzcwMyZwPTE4MDMxJmQ9Jmc9MSZvPTliODkyMjMzOTI5MTRkOGU5Mjgy/YWYzYjQzM2E*YWNj.gif" />

<embed src="http://assets.mixpod.com/swf/mp3/mff-nano.swf?myid=71884339&path=2010/11/16" quality="high" wmode="transparent" flashvars="mycolor=1B1B1E&mycolor2=EBEBF7&mycolor3=C5D1CE&autoplay=false&rand=0&f=4&vol=100&pat=18&grad=false" width="165" height="382" name="myflashfetish" salign="TL" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" border="0" style="visibility:visible;width:165px;height:382px;" />
<br>
<a href="http://www.mixpod.com/playlist/71884339" target="_blank"><img src="http://assets.myflashfetish.com/images/get-tracks.gif" title="Get Music Tracks!" style="border-style:none;" alt="Music">
</a>
<a href="http://www.mixpod.com" target="_blank"><img src="http://assets.mixpod.com/images/make-own.gif" title="Create A Playlist!" style="border-style:none;" alt="Playlist">
</a>
<a href="http://mixpod.com">Music</a> <a href="http://mixpod.com">Playlist</a> at <a href="http://mixpod.com">MixPod.com</a>

</td>
</tr>
</table>
</div>

</div></ul></div>




Le css


ul, li{
list-style: none;
}
.mon_onglet{
float: left;
padding: 2px 10px;
margin-right: 5px;
color: #000000;
background: #FEFEFE;
border: 1px solid#FEFEFE ;
cursor: pointer;
margin-bottom: -1px;
}
.mon_onglet:hover{
background: #E7EFEE;
}
.mon_onglet_selected{
float: left;
padding: 2px 10px;
margin-right: 5px;
color: #000000;
background: #FEFEFE;
border-top: 1px solid #ACB5B4;
border-right: 1px solid #ACB5B4;
border-left: 1px solid #ACB5B4;
border-bottom: 1px solid #ACB5B4;
cursor: pointer;
margin-bottom: -1px;
}
.clear{
clear: both;
}

.mon_contenu{
color: #000000;
background: #FEFEFE;
border: 2px solid #FEFEFE;
padding: 2px;
margin-left: -40px;}


#mes_contenus, #mes_onglets{
width: 100%;
}

































/* Chatbox-------------------------------------------------------------*/body.chatbox {
background-image: none;
padding: 0;
margin: 0;
background-color: #ffffff;
}
#chatbox_header {
height: 30px;
}
#chatbox_header.main-head {
padding: 0 1.3em;
color: #dedfdf;
background-color: #000000;
}
.chatbox-title,.chatbox-title a.chat-title {
color: #dedfdf;
text-decoration: none;
}
.chatbox-title {
float: left;
margin: 0;
padding: 2px 5px 0 5px;
width: 15em;
}
.chatbox-options {
float: right;
list-style: none;
font-size: 11px;
margin: 0.7em 0.5em 0.5em 0.5em;
}
.chatbox-options li {
display:inline;
}
.chatbox-options li,.chatbox-options li a,.chatbox-options li label {
color: #dedfdf;
}
#chatbox_members {
position: absolute;
top: 30px;
bottom: 30px;
width: 180px;
overflow: auto;
background-color: #ffffff;
border-right: 1px solid #000000;
}
#chatbox_messenger_form {
margin: 10px 0 0 0;
}
#chatbox_members .member-title {
text-align: center;
padding: 0.5em 0.25em;
background-image: none;
font-size: 12px;
background-color: #ffffff;
color : #11470E;
font-family: Verdana,Arial,Helvetica,sans-serif;
}
#chatbox_members ul {
list-style: none;
margin: 0 0 0 1em;
}
#chatbox_members ul li {
margin: 0.5em 0.5em 0.5em 0;
}
#chatbox {
position: absolute;
top: 30px;
left: 181px;
right: 0;
bottom: 30px;
overflow: auto;
line-height: 10px;
}
#chatbox p {
line-height: 1.2em;
}
.chatbox_row_1 {
padding: 4px;
background-color: #ffffFF;
}
.chatbox_row_2 {
padding: 4px;
background-color: #ffffff;
}
.chatbox_row_3 {
padding: 4px;
background-color: #ffffFF;
}
#chatbox .user {
font-weight: bold;
}
.memberlist_row_1 {
background-color: #ffffff;
}
#chatbox_footer {
position: absolute;
bottom: 0;
left: 0;
right: 0;
border-top: 1px solid #000000;
}
#message,#submit_button{
border-width: 1px;
}
.fontbutton {
padding: 1px;
cursor: pointer;
text-align: left;
}
.fontbutton_normal {
background: #E1E1E2;
}
.fontbutton_selected {
background: #BBC7CE;
border: 1px solid #000000;
}
.fontbutton_clicked {
background: #959595;
border: 1px solid #000000;
}
.fontbutton_hover {
background: #E1E1E2;
border: 1px solid #000000;
}
.fontbutton {
background:#E1E1E2 none repeat scroll 0%;
border:medium none;
color:#000000;
float:left;
margin-right:10px;
padding:1px;
}

/*Internet Explorer fixers and hacks for Chatbox *
/* html #chatbox-members {

/* IE expressions helping IE work in Standards mode */
height: expres​sion(( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight) - ( (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 3) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2 * 0) ) + "px");
}
* html #chatbox {

/* IE expressions helping IE work in Standards mode */
height: expres​sion(( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight) - ( (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 3) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2 * 0) ) + "px");
width: expres​sion(( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth) - ( (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 10) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 1) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2 * 1.3) ) + "px");
}
* html #chatbox-footer {

/* IE expressions helping IE work in Standards mode */
width: expres​sion(( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth) - ( (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 0) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 0) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2 * 0) ) + "px");
}
#chatbox_contextmenu {
border: 2px solid black;
background-color: #f3c4ff;
}
#chatbox_contextmenu p {
margin:0;
padding: 1px 4px;
font-family: verdana, arial, sans-serif;
background: #ffd6fe;
border-bottom:1px solid #777;
}
#chatbox_contextmenu p.hover {
background: #ecc5ff;
}
#chatbox_contextmenu p.close {
padding: 1px;
font-size: 95%;
color:#fff;
background: url('');
}
#chatbox_contextmenu p.close img {
vertical-align: middle;
padding-left: 20px;
}
#chatbox_contextmenu a {
color: #b225ff;
text-decoration: none;
font-size: 95%;
}
#chatbox_contextmenu a:hover {
color: ;
}

.pun table.table td {
padding: 0.6em 0 0.7em;
border-width: 2px;
border-style: dotted none none dotted;
line-height: 130%;
background-color: #DDDDFF;
border-color: #FFFFFF;
}
#pun-about {
border-style: dotted;
border-width: 2px;
border-color: #FFFFFF;
text-align: right;
line-height: 150%;
padding: 0.6em 1em;
background-color: #DDDDFF;
}
.pun .paged-head, .pun .paged-foot {
border: 2px dotted #FFFFFF;
background-color: #;
background-image : none;
background-repeat:no-repeat;
margin: 0px;padding: 0px;
}
#onlinelist {
border-top: 2px dotted #FFFFFF;
padding: 0.6em 1em;
background-color: #DDDDFF;
}








a { text-decoration: none; }


a:hover
{
text-decoration: none ;
}


Dernière édition par Sultanna le Mar 1 Mar 2011 - 16:47, édité 1 fois

Sultanna
***

Messages : 103
Inscrit(e) le : 23/02/2011

http://naruto-rpg-ninja.forumactif.biz/forum
Sultanna a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème dans les onglets

Message par Invité le Mar 1 Mar 2011 - 14:25

Bonjour,

Roh làlà, pardon, j'étais pas réveillée hier, j'ai trouvé comment enlever l'image.
Code:
<script>function changeOnglet(_this){
    var getOnglets    = document.getElementById('mes_onglets').getElementsByTagName('li');
    for(var i = 0; i < getOnglets.length; i++){
        if(getOnglets[i].id){
            if(getOnglets[i].id == _this.id){
                getOnglets[i].className = 'mon_onglet_selected';
                document.getElementById('c' + _this.id).style.display            = 'block';
            }
            else{
                getOnglets[i].className = 'mon_onglet';
                document.getElementById('c' + getOnglets[i].id).style.display    = 'none';
            }
        }
    }       
}
</script><div id="mes_onglets">
<ul>
<li id="o_1" class="mon_onglet_selected" onclick="changeOnglet(this);">Accueil</li>

<li id="o_2" class="mon_onglet" onclick="changeOnglet(this);">Information</li>

<li id="o_3" class="mon_onglet" onclick="changeOnglet(this);">Tableau</li>

<li id="o_4" class="mon_onglet" onclick="changeOnglet(this);">Chat Box</li>

<li id="o_5" class="mon_onglet" onclick="changeOnglet(this);">Musique</li><div class="clear"><div id="mes_contenus"><div id="co_1" class="mon_contenu">

<table>
<tr>
<td class="row1" width="100%" height="100%" style="text-align:center;">

<img src="http://img707.imageshack.us/img707/3002/69896055banniere7cjpng.png" border="0" alt="" /><br><br>
<strong>Bienvenue sur NrN</strong> <br><br>
</span><table width="90%" cellspacing="1" cellpadding="0" border="0" align="center"><tr><td><span class="genmed">Tout ce passe dans Naruto shippuden. L'akatsuki cours toujours après les Bijuus, tandis que les Jinchurikis tente de rester en vie pour détruire l'akatsuki. Choisissez votre personnage et rejoingnez le monde de Naruto. C'est à vous maintenant de décider quel tournure le monde des Ninjas ira. Serez vous dans le bien ou le mal...</td></tr></table><table style="width:100%">
<tr><td style="width:50%">
<span style="font-size: 18px; line-height: normal">
<strong><u>Liens Utiles</u></strong></td>
<td style="width:50%"><strong><u>Voter! Pour le bien du forum. Merci =D</u></strong>
</td>
</tr>
</span><tr><td style="width:50%">
<a href="http://naruto-rpg-ninja.forumactif.biz/reglements-f1/" class="postlink">Réglements</a><br>
<a href="http://naruto-rpg-ninja.forumactif.biz/les-personnages-f23/personnages-de-naruto-pris-le-niveau-de-rp-requis-pour-t3.htm" class="postlink">Personnages</a><br>
<a href="http://naruto-rpg-ninja.forumactif.biz/presentations-f4/" class="postlink">Présentations</a><br>
<a href="http://naruto-rpg-ninja.forumactif.biz/fiche-des-ninjas-f3/" class="postlink">Fiches Ninjas</a><br>
</td><td style="width:50%">
<a href="http://www.root-top.com/topsite/nacimem/in.php?ID=4496" class="postlink" target="_blank"><img src="http://img.root-top.com/topsite/nacimem/banner.gif" border="0" alt="" /></a>
</td></tr></table>

</td>
</tr>
</table>
</div><div id="co_2" class="mon_contenu" style="display: none;">
<table><tr><td class="row1" width="100%" height="100%">
<span style="font-size: 18px; line-height: normal"><strong><div style="margin:auto;text-align:center;width:100%"><strong>Bonjour, Nous recrutons 10 Modérateurs! Un pour chaque village.. Les restrictions pour devenir Modérateur</strong>
<br>
<br>
<font color="red">-Être Kage de ce village
<br>

-Bien respectez les réglements du Forum
<br>

-Avoir un bon language
<br>

-Être actif</font>
<br>
<br>
<i>Être Kage d'un village n'est pas seulement un avantage, il y à des responsabilités liés à cela. Vous devez être actif puisque c'est vous qui donnerez les missions au ninja et protégez votre village.
Vous voulez en devenir un? Envoyez moi un mp en me disant pourquoi je devrais vous choisir et quel village que vous voulez.</i></div>


>!</strong></span>
</td></tr></table>
</div><div id="co_3" class="mon_contenu" style="display: none;">
<table>
<tr>
<td class="row1" width="100%" height="100%"><div style="margin:auto;text-align:center;width:100%"><span style="font-size: 18px; line-height: normal"><strong>Les Kages</strong></span></div>
<br>
<font color="green"><strong>Konoha</strong></font> --->
<br>
<font color="yellow"><strong>Suna</strong> </font> --->
<br>
<font color="orange"><strong>Kumo</strong> </font> --->
<br>
<font color="indigo"><strong>Oto</strong> </font> --->
<br>
<font color="cyan"><strong>Kiri</strong> </font>--->
<br>
<font color="brown"><strong>Iwa</strong></font> --->
<br>
<font color="cyan"><strong>Ame</strong></font> --->
<br>
<font color="violet"><strong>Kusa </strong></font> --->
<br>
<font color="olive"><strong>Taki</strong> </font> --->
<br>
<font color="blue"><strong>Yuki</strong> </font> --->
<br>
<strong>Déserteur</strong> --->
<br>
<font color="darkblue"><strong>Taka</strong></font> --->
<br>
<font color="darkred"><strong>Akatsuki</strong></font> --->







</td>
</tr>
</table>
</div><div id="co_4" class="mon_contenu" style="display: none;">

<table>
<tr>


<img style="visibility:hidden;width:0px;height:0px;" border=0 width=0 height=0 src="http://c.gigcount.com/wildfire/IMP/CXNID=2000002.0NXC/bT*xJmx*PTEyOTI1MzMwMzA4MTUmcHQ9MTI5MjUzMzA*NDEzOCZwPTUzMTUxJmQ9Jmc9MiZvPTliODkyMjMzOTI5MTRkOGU5Mjgy/YWYzYjQzM2E*YWNjJm9mPTA=.gif" /><embed src="http://www.xatech.com/web_gear/chat/chat.swf" quality="high" bgcolor="#000000" width="540" height="405" name="chat" FlashVars="id=125515886" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://xat.com/update_flash.shtml" /><br><small><a target="_BLANK" href="http://xat.com/web_gear/?cb">Get your own Chat Box!</a> <a target="_BLANK" href="http://xat.com/web_gear/chat/go_large.php?id=125515886">Go Large!</a></small><br>



</td>
</tr>

</table>

</div><div id="co_5" class="mon_contenu" style="display: none;">

<table>
<tr>

<td class="row1" width="100%" height="100%">

<img style="visibility:hidden;width:0px;height:0px;" border=0 width=0 height=0 src="http://counters.gigya.com/wildfire/IMP/CXNID=2000002.0NXC/bT*xJmx*PTEyODk5MTg4ODU*OTYmcHQ9MTI4OTkxODkwMzcwMyZwPTE4MDMxJmQ9Jmc9MSZvPTliODkyMjMzOTI5MTRkOGU5Mjgy/YWYzYjQzM2E*YWNj.gif" />

<embed src="http://assets.mixpod.com/swf/mp3/mff-nano.swf?myid=71884339&path=2010/11/16" quality="high" wmode="transparent" flashvars="mycolor=1B1B1E&mycolor2=EBEBF7&mycolor3=C5D1CE&autoplay=false&rand=0&f=4&vol=100&pat=18&grad=false" width="165" height="382" name="myflashfetish" salign="TL" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" border="0" style="visibility:visible;width:165px;height:382px;" />
<br>
<a href="http://www.mixpod.com/playlist/71884339" target="_blank"><img src="http://assets.myflashfetish.com/images/get-tracks.gif" title="Get Music Tracks!" style="border-style:none;" alt="Music">
</a>
<a href="http://www.mixpod.com" target="_blank"><img src="http://assets.mixpod.com/images/make-own.gif" title="Create A Playlist!" style="border-style:none;" alt="Playlist">
</a>
<a href="http://mixpod.com">Music</a> <a href="http://mixpod.com">Playlist</a> at <a href="http://mixpod.com">MixPod.com</a>

</td>
</tr>
</table>
</div>

</div></ul></div>

Cordialement.

Invité
Invité


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

Résolu Re: Problème dans les onglets

Message par Sultanna le Mar 1 Mar 2011 - 14:38

humm ^^' je sais que tu va me détester ^^' mais pourrais tu retirer l'image dans ce code la car je lest modifié et je n'arrive plus à le remodifier après XD. oui je suis limité llool

Code:
<script>function changeOnglet(_this){
    var getOnglets    = document.getElementById('mes_onglets').getElementsByTagName('li');
    for(var i = 0; i < getOnglets.length; i++){
        if(getOnglets[i].id){
            if(getOnglets[i].id == _this.id){
                getOnglets[i].className = 'mon_onglet_selected';
                document.getElementById('c' + _this.id).style.display            = 'block';
            }
            else{
                getOnglets[i].className = 'mon_onglet';
                document.getElementById('c' + getOnglets[i].id).style.display    = 'none';
            }
        }
    }         
}
</script><div id="mes_onglets">
<ul>
<li id="o_1" class="mon_onglet_selected" onclick="changeOnglet(this);">Accueil</li>

<li id="o_2" class="mon_onglet" onclick="changeOnglet(this);">Information</li>

<li id="o_3" class="mon_onglet" onclick="changeOnglet(this);">Tableau</li>

<li id="o_5" class="mon_onglet" onclick="changeOnglet(this);">Musique</li><div class="clear"><div id="mes_contenus"><div id="co_1" class="mon_contenu">

<table>
<tr>
<td class="row1" width="100%" height="100%" style="text-align:center;">

<img src="http://img707.imageshack.us/img707/3002/69896055banniere7cjpng.png" border="0" alt="" /><br><br>
<strong>Bienvenue sur NrN</strong> <br><br>
</span><table width="90%" cellspacing="1" cellpadding="0" border="0" align="center"><tr><td><span class="genmed">Tout ce passe dans Naruto shippuden. L'akatsuki cours toujours après les Bijuus, tandis que les Jinchurikis tente de rester en vie pour détruire l'akatsuki. Choisissez votre personnage et rejoingnez le monde de Naruto. C'est à vous maintenant de décider quel tournure le monde des Ninjas ira. Serez vous dans le bien ou le mal...</td></tr></table><table style="width:100%">
<tr><th style="width:50%">
<span style="font-size: 18px; line-height: normal">
<strong><u>Liens Utiles</u></strong></th>
<th style="width:50%"><strong><u>Voter! Pour le bien du forum. Merci =D</u></strong>
</th>
</tr>
</span><tr><td style="width:50%">
<a href="http://naruto-rpg-ninja.forumactif.biz/reglements-f1/" class="postlink">Réglements</a><br>
<a href="http://naruto-rpg-ninja.forumactif.biz/les-personnages-f23/personnages-de-naruto-pris-le-niveau-de-rp-requis-pour-t3.htm" class="postlink">Personnages</a><br>
<a href="http://naruto-rpg-ninja.forumactif.biz/presentations-f4/" class="postlink">Présentations</a><br>
<a href="http://naruto-rpg-ninja.forumactif.biz/fiche-des-ninjas-f3/" class="postlink">Fiches Ninjas</a><br>
</td><td style="width:50%">
<a href="http://www.root-top.com/topsite/nacimem/in.php?ID=4496" class="postlink" target="_blank"><img src="http://img.root-top.com/topsite/nacimem/banner.gif" border="0" alt="" /></a>
</td></tr></table>

</td>
</tr>
</table>
</div><div id="co_2" class="mon_contenu" style="display: none;">
<table><tr><td class="row1" width="100%" height="100%">
<span style="font-size: 18px; line-height: normal"><strong><div style="margin:auto;text-align:center;width:100%"><strong>Bonjour, Nous recrutons 10 Modérateurs! Un pour chaque village.. Les restrictions pour devenir Modérateur</strong>
<br>
<br>
<font color="red">-Être Kage de ce village
<br>

-Bien respectez les réglements du Forum
<br>

-Avoir un bon language
<br>

-Être actif</font>
<br>
<br>
<i>Être Kage d'un village n'est pas seulement un avantage, il y à des responsabilités liés à cela. Vous devez être actif puisque c'est vous qui donnerez les missions au ninja et protégez votre village.
Vous voulez en devenir un? Envoyez moi un mp en me disant pourquoi je devrais vous choisir et quel village que vous voulez.

<br>
<br>
Je recherche aussi un Admin qui pourrais m'aider à gérer tout le forum, vous pouvez vous proposez avec le formulaire qu'il y à dans Suggestions.




>!</strong></span>
</td></tr></table>
</div><div id="co_3" class="mon_contenu" style="display: none;">
<table>
<tr>
<td class="row1" width="100%" height="100%"><div style="margin:auto;text-align:center;width:100%"><span style="font-size: 18px; line-height: normal"><strong>Les Kages</strong></span></div>
<br>
<font color="green"><strong>Konoha</strong></font> --->
<br>
<font color="yellow"><strong>Suna</strong> </font> --->
<br>
<font color="orange"><strong>Kumo</strong> </font> --->
<br>
<font color="indigo"><strong>Oto</strong> </font> --->
<br>
<font color="cyan"><strong>Kiri</strong> </font>--->
<br>
<font color="brown"><strong>Iwa</strong></font> --->
<br>
<font color="cyan"><strong>Ame</strong></font> --->
<br>
<font color="violet"><strong>Kusa </strong></font> --->
<br>
<font color="olive"><strong>Taki</strong> </font> --->
<br>
<font color="blue"><strong>Yuki</strong> </font> --->
<br>
<strong>Déserteur</strong> --->
<br>
<font color="darkblue"><strong>Taka</strong></font> --->
<br>
<font color="darkred"><strong>Akatsuki</strong></font> --->






</td>
</tr>
</table>
</div><div id="co_5" class="mon_contenu" style="display: none;">

<table>
<tr>

<td class="row1" width="100%" height="100%">

<img style="visibility:hidden;width:0px;height:0px;" border=0 width=0 height=0 src="http://counters.gigya.com/wildfire/IMP/CXNID=2000002.0NXC/bT*xJmx*PTEyODk5MTg4ODU*OTYmcHQ9MTI4OTkxODkwMzcwMyZwPTE4MDMxJmQ9Jmc9MSZvPTliODkyMjMzOTI5MTRkOGU5Mjgy/YWYzYjQzM2E*YWNj.gif" />

<embed src="http://assets.mixpod.com/swf/mp3/mff-nano.swf?myid=71884339&path=2010/11/16" quality="high" wmode="transparent" flashvars="mycolor=1B1B1E&mycolor2=EBEBF7&mycolor3=C5D1CE&autoplay=false&rand=0&f=4&vol=100&pat=18&grad=false" width="165" height="382" name="myflashfetish" salign="TL" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" border="0" style="visibility:visible;width:165px;height:382px;" />
<br>
<a href="http://www.mixpod.com/playlist/71884339" target="_blank"><img src="http://assets.myflashfetish.com/images/get-tracks.gif" title="Get Music Tracks!" style="border-style:none;" alt="Music">
</a>
<a href="http://www.mixpod.com" target="_blank"><img src="http://assets.mixpod.com/images/make-own.gif" title="Create A Playlist!" style="border-style:none;" alt="Playlist">
</a>
<a href="http://mixpod.com">Music</a> <a href="http://mixpod.com">Playlist</a> at <a href="http://mixpod.com">MixPod.com</a>

</td>
</tr>
</table>
</div>

</div></ul></div>


Sultanna
***

Messages : 103
Inscrit(e) le : 23/02/2011

http://naruto-rpg-ninja.forumactif.biz/forum
Sultanna a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème dans les onglets

Message par Invité le Mar 1 Mar 2011 - 14:51

Ça devrait être bon comme ceci:
Code:
<script>function changeOnglet(_this){
    var getOnglets    = document.getElementById('mes_onglets').getElementsByTagName('li');
    for(var i = 0; i < getOnglets.length; i++){
        if(getOnglets[i].id){
            if(getOnglets[i].id == _this.id){
                getOnglets[i].className = 'mon_onglet_selected';
                document.getElementById('c' + _this.id).style.display            = 'block';
            }
            else{
                getOnglets[i].className = 'mon_onglet';
                document.getElementById('c' + getOnglets[i].id).style.display    = 'none';
            }
        }
    }       
}
</script><div id="mes_onglets">
<ul>
<li id="o_1" class="mon_onglet_selected" onclick="changeOnglet(this);">Accueil</li>

<li id="o_2" class="mon_onglet" onclick="changeOnglet(this);">Information</li>

<li id="o_3" class="mon_onglet" onclick="changeOnglet(this);">Tableau</li>

<li id="o_5" class="mon_onglet" onclick="changeOnglet(this);">Musique</li><div class="clear"><div id="mes_contenus"><div id="co_1" class="mon_contenu">

<table>
<tr>
<td class="row1" width="100%" height="100%" style="text-align:center;">

<img src="http://img707.imageshack.us/img707/3002/69896055banniere7cjpng.png" border="0" alt="" /><br><br>
<strong>Bienvenue sur NrN</strong> <br><br>
</span><table width="90%" cellspacing="1" cellpadding="0" border="0" align="center"><tr><td><span class="genmed">Tout ce passe dans Naruto shippuden. L'akatsuki cours toujours après les Bijuus, tandis que les Jinchurikis tente de rester en vie pour détruire l'akatsuki. Choisissez votre personnage et rejoingnez le monde de Naruto. C'est à vous maintenant de décider quel tournure le monde des Ninjas ira. Serez vous dans le bien ou le mal...</td></tr></table><table style="width:100%">
<tr><td style="width:50%">
<span style="font-size: 18px; line-height: normal">
<strong><u>Liens Utiles</u></strong></td>
<td style="width:50%"><strong><u>Voter! Pour le bien du forum. Merci =D</u></strong>
</td>
</tr>
</span><tr><td style="width:50%">
<a href="http://naruto-rpg-ninja.forumactif.biz/reglements-f1/" class="postlink">Réglements</a><br>
<a href="http://naruto-rpg-ninja.forumactif.biz/les-personnages-f23/personnages-de-naruto-pris-le-niveau-de-rp-requis-pour-t3.htm" class="postlink">Personnages</a><br>
<a href="http://naruto-rpg-ninja.forumactif.biz/presentations-f4/" class="postlink">Présentations</a><br>
<a href="http://naruto-rpg-ninja.forumactif.biz/fiche-des-ninjas-f3/" class="postlink">Fiches Ninjas</a><br>
</td><td style="width:50%">
<a href="http://www.root-top.com/topsite/nacimem/in.php?ID=4496" class="postlink" target="_blank"><img src="http://img.root-top.com/topsite/nacimem/banner.gif" border="0" alt="" /></a>
</td></tr></table>

</td>
</tr>
</table>
</div><div id="co_2" class="mon_contenu" style="display: none;">
<table><tr><td class="row1" width="100%" height="100%">
<span style="font-size: 18px; line-height: normal"><strong><div style="margin:auto;text-align:center;width:100%"><strong>Bonjour, Nous recrutons 10 Modérateurs! Un pour chaque village.. Les restrictions pour devenir Modérateur</strong>
<br>
<br>
<font color="red">-Être Kage de ce village
<br>

-Bien respectez les réglements du Forum
<br>

-Avoir un bon language
<br>

-Être actif</font>
<br>
<br>
<i>Être Kage d'un village n'est pas seulement un avantage, il y à des responsabilités liés à cela. Vous devez être actif puisque c'est vous qui donnerez les missions au ninja et protégez votre village.
Vous voulez en devenir un? Envoyez moi un mp en me disant pourquoi je devrais vous choisir et quel village que vous voulez.

<br>
<br>
Je recherche aussi un Admin qui pourrais m'aider à gérer tout le forum, vous pouvez vous proposez avec le formulaire qu'il y à dans Suggestions.




>!</strong></span>
</td></tr></table>
</div><div id="co_3" class="mon_contenu" style="display: none;">
<table>
<tr>
<td class="row1" width="100%" height="100%"><div style="margin:auto;text-align:center;width:100%"><span style="font-size: 18px; line-height: normal"><strong>Les Kages</strong></span></div>
<br>
<font color="green"><strong>Konoha</strong></font> --->
<br>
<font color="yellow"><strong>Suna</strong> </font> --->
<br>
<font color="orange"><strong>Kumo</strong> </font> --->
<br>
<font color="indigo"><strong>Oto</strong> </font> --->
<br>
<font color="cyan"><strong>Kiri</strong> </font>--->
<br>
<font color="brown"><strong>Iwa</strong></font> --->
<br>
<font color="cyan"><strong>Ame</strong></font> --->
<br>
<font color="violet"><strong>Kusa </strong></font> --->
<br>
<font color="olive"><strong>Taki</strong> </font> --->
<br>
<font color="blue"><strong>Yuki</strong> </font> --->
<br>
<strong>Déserteur</strong> --->
<br>
<font color="darkblue"><strong>Taka</strong></font> --->
<br>
<font color="darkred"><strong>Akatsuki</strong></font> --->






</td>
</tr>
</table>
</div><div id="co_5" class="mon_contenu" style="display: none;">

<table>
<tr>

<td class="row1" width="100%" height="100%">

<img style="visibility:hidden;width:0px;height:0px;" border=0 width=0 height=0 src="http://counters.gigya.com/wildfire/IMP/CXNID=2000002.0NXC/bT*xJmx*PTEyODk5MTg4ODU*OTYmcHQ9MTI4OTkxODkwMzcwMyZwPTE4MDMxJmQ9Jmc9MSZvPTliODkyMjMzOTI5MTRkOGU5Mjgy/YWYzYjQzM2E*YWNj.gif" />

<embed src="http://assets.mixpod.com/swf/mp3/mff-nano.swf?myid=71884339&path=2010/11/16" quality="high" wmode="transparent" flashvars="mycolor=1B1B1E&mycolor2=EBEBF7&mycolor3=C5D1CE&autoplay=false&rand=0&f=4&vol=100&pat=18&grad=false" width="165" height="382" name="myflashfetish" salign="TL" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" border="0" style="visibility:visible;width:165px;height:382px;" />
<br>
<a href="http://www.mixpod.com/playlist/71884339" target="_blank"><img src="http://assets.myflashfetish.com/images/get-tracks.gif" title="Get Music Tracks!" style="border-style:none;" alt="Music">
</a>
<a href="http://www.mixpod.com" target="_blank"><img src="http://assets.mixpod.com/images/make-own.gif" title="Create A Playlist!" style="border-style:none;" alt="Playlist">
</a>
<a href="http://mixpod.com">Music</a> <a href="http://mixpod.com">Playlist</a> at <a href="http://mixpod.com">MixPod.com</a>

</td>
</tr>
</table>
</div>

</div></ul></div>

J'ai remplacé les <th style="width:50%"> par <td style="width:50%"> et les </th> par </td>.

Cordialement.

Invité
Invité


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

Résolu Re: Problème dans les onglets

Message par Sultanna le Mar 1 Mar 2011 - 15:11

Euuh je veux pas avoir l'air rabat joie ^^' mais il à des écritures pas normal qui sont apparu o.0

http://img822.imageshack.us/img822/2235/tatatatad.jpg

Sultanna
***

Messages : 103
Inscrit(e) le : 23/02/2011

http://naruto-rpg-ninja.forumactif.biz/forum
Sultanna a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème dans les onglets

Message par Invité le Mar 1 Mar 2011 - 15:59

Sur la capture il manque "<" au tout début du code. Je vois script> alors qu'il faut <script>.

Sur mon forum test ça fonctionne.

Invité
Invité


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

Résolu Re: Problème dans les onglets

Message par Sultanna le Mar 1 Mar 2011 - 16:13

haha ^^' j'ai l'air conne il me manquais qu'un < XD
Je crois que j'ai plus de problème merciiiii ^^

si jamais il y à autre chose j'ouvrirai un autre sujet thanks Razz

Sultanna
***

Messages : 103
Inscrit(e) le : 23/02/2011

http://naruto-rpg-ninja.forumactif.biz/forum
Sultanna a été remercié(e) par l'auteur de ce sujet.

Page 2 sur 2 Précédent  1, 2

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum