Distance entre deux onglets
4 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1 • Partagez
Distance entre deux onglets
Bonjours,
Je me demandais quelle était la balise pour contrôlé la distance entre deux onglet ?
Pour plus de précision j’ai des onglets en image et j’aimerais qu’elles sois collé.
Je me demandais quelle était la balise pour contrôlé la distance entre deux onglet ?
Pour plus de précision j’ai des onglets en image et j’aimerais qu’elles sois collé.
Dernière édition par MariePassion le Lun 5 Sep 2011 - 20:50, édité 1 fois
Re: Distance entre deux onglets
Bonsoir
votre demande est un peu flou. Puis-je avoir votre code pour ces onglets ainsi que la css qui va avec ?
Cordialement.
votre demande est un peu flou. Puis-je avoir votre code pour ces onglets ainsi que la css qui va avec ?
Cordialement.
SoraNoHime- Membre actif
-
Messages : 6218
Inscrit(e) le : 10/06/2010
Re: Distance entre deux onglets
Voici mon HTML et CSS, mais il y à des défauts à l'intérieur j'ai demandé de l'aide dans un autre poste
voici des images :
j'aimera que ce soit comme ça :
Et non comme ça:
- HTML:
- 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>
<table align="center"><tr><td>
<div class="systeme_onglets">
<div class="onglets">
<!-- onglet 1 -->
<span class="onglet_0 onglet" id="onglet_one" onmouseover="javascript:change_onglet('one');"><i> <a href="http://www.servimg.com/image_preview.php?i=50&u=16484420" class="postlink" target="_blank" rel="nofollow"><img src="http://i48.servimg.com/u/f48/16/48/44/20/1_bmp10.jpg" border="0" alt="" /></a> </i></span>
<!-- onglet 2 -->
<span class="onglet_0 onglet" id="onglet_two" onmouseover="javascript:change_onglet('two');"><i> <a href="http://www.servimg.com/image_preview.php?i=51&u=16484420" class="postlink" target="_blank" rel="nofollow"><img src="http://i48.servimg.com/u/f48/16/48/44/20/2_bmp10.jpg" border="0" alt="" /></a> </span>
<!-- onglet 3 -->
<span class="onglet_0 onglet" id="onglet_three" onmouseover="javascript:change_onglet('three');"><i> <a href="http://www.servimg.com/image_preview.php?i=207&u=16085240" class="postlink" target="_blank" rel="nofollow"><img src="http://i48.servimg.com/u/f48/16/08/52/40/3_bmp10.jpg" border="0" alt="" /></a> </span>
<!-- onglet 4 -->
<span class="onglet_0 onglet" id="onglet_four" onmouseover="javascript:change_onglet('four');"><i> <a href="http://www.servimg.com/image_preview.php?i=208&u=16085240" class="postlink" target="_blank" rel="nofollow"><img src="http://i48.servimg.com/u/f48/16/08/52/40/4_bmp10.jpg" border="0" alt="" /></a> </span>
<!-- onglet 5 -->
<span class="onglet_0 onglet" id="onglet_five" onmouseover="javascript:change_onglet('five');"><i> <a href="http://www.servimg.com/image_preview.php?i=209&u=16085240" class="postlink" target="_blank" rel="nofollow"><img src="http://i48.servimg.com/u/f48/16/08/52/40/5_bmp10.jpg" border="0" alt="" /></a> </span>
</div>
</td></tr></table>
<!-- CONTENU DU TABLEAU -->
<div class="contenu_onglets">
<!-- 1ière page -->
<div class="contenu_onglet" id="contenu_onglet_one">
<table width="100%" class="image_1"><tr><td >
<table BORDER="0">
<tr><td align="left" COLSPAN=3 WIDTH=738 HEIGHT=100> <span style="font-size: 24px; line-height: normal"><strong><div style="margin:auto;text-align:center;width:100%">
</div></strong></span> </td></tr>
<tr><td align="left" VALIGN="top" WIDTH=190 HEIGHT=350 VALIGN="center" ><div style="margin:auto;text-align:center;width:100%"><span style="font-size: 18px; line-height: normal">
<!-- Coup de Coeur -->
</br>
<table border="0" ><tr>
<td WIDTH=15 ></td>
<td WIDTH=170 HEIGHT=184 VALIGN="bottom" >
</br>
<!--Logo du coup de coeur (paragraphe complet) -->
<a href="http://www.servimg.com/image_preview.php?i=44&u=16484420" class="postlink" target="_blank" rel="nofollow"><img src="http://i48.servimg.com/u/f48/16/48/44/20/sans_t10.jpg" border="0" alt="" /></a>
</td></tr></table>
</span></div></td>
<td align="left" WIDTH=378 HEIGHT=350 VALIGN="top"> <div style="margin:auto;text-align:center;width:100%"><span style="font-size: 18px; line-height: normal"> </span>
</br>
</br>
</br>
</br>
</br>
</br>
..................................................................
..................................................................
..................................................................
..................................................................
..................................................................</div> </td>
<!-- Partenaire VIP -->
<td align="left" WIDTH=170 HEIGHT=350 VALIGN="top"> <span style="font-size: 18px; line-height: normal"><div style="margin:auto;text-align:center;width:100%">
<table border="0" VALIGN="bottom"><tr>
<td WIDTH=25></td>
<td align="left" WIDTH=90 HEIGHT=300 VALIGN="bottom" > <span><marquee behavior="scroll" direction="up" scrollamount="1" height="195">
<!-- Logo des VIP (chaque paragraphe est un logo) -->
<a href="http://www.servimg.com/image_preview.php?i=44&u=16484420" class="postlink" target="_blank" rel="nofollow"><img src="http://i48.servimg.com/u/f48/16/48/44/20/sans_t10.jpg" border="0" alt="" /></a>
</br></br>
<a href="http://www.servimg.com/image_preview.php?i=44&u=16484420" class="postlink" target="_blank" rel="nofollow"><img src="http://i48.servimg.com/u/f48/16/48/44/20/sans_t10.jpg" border="0" alt="" /></a>
</br></br>
<a href="http://www.servimg.com/image_preview.php?i=44&u=16484420" class="postlink" target="_blank" rel="nofollow"><img src="http://i48.servimg.com/u/f48/16/48/44/20/sans_t10.jpg" border="0" alt="" /></a>
</br></br>
<a href="http://www.servimg.com/image_preview.php?i=44&u=16484420" class="postlink" target="_blank" rel="nofollow"><img src="http://i48.servimg.com/u/f48/16/48/44/20/sans_t10.jpg" border="0" alt="" /></a> </marquee></span> </td></tr></table>
</div></span> </td></tr></table>
</td></tr></table>
</div>
<!-- 2ième page -->
<div class="contenu_onglet" id="contenu_onglet_two">
<table width="100%" class="image_2"><tr><td>
<table width="100%"><tr><td>
<!-- tableau partenaire -->
<TABLE BORDER="0">
<TR><TD COLSPAN=2 WIDTH=743 HEIGHT=200 ALIGN="right">
<table border="0"><tr><td align="left" WIDTH=175 HEIGHT=150></br></br></br>
<a href="http://graphalasea.forums-actifs.com/" class="postlink" target="_blank" rel="nofollow"><img src="http://i41.servimg.com/u/f41/15/31/22/07/logo11.gif" border="1" alt="" /></a>
<a href="http://rainbow.forumgratuit.org" target="_blank"><img src="http://img4.hostingpics.net/pics/682136Bannire1Rainbow.gif" title="RainbÔw, Forum de discussions !" border="0"></a>
</td></tr></table>
</span><table width="90%" cellspacing="1" cellpadding="3" border="0" align="center"><tr> </tr></table><span class="postbody"></TD></TR>
<!--Staff-->
<TR><TD WIDTH=200 HEIGHT=250>
<TABLE BORDER="0" align="center">
<TR><TD WIDTH=40 ALIGN="right"> </br></br></br></br> <span class="infobull"><img src="http://i48.servimg.com/u/f48/16/48/44/20/marie10.png" class="opac"><span><center>Marie
<a href="http://animationgraph.forum-canada.com/u1">Profil</a></span>
</TD><TD COLSPAN=3 > </br></br></br></br> <span class="infobull"><img src="http://i48.servimg.com/u/f48/16/48/44/20/pic10.png" class="opac"><span><center>Picture
<a href=" http://animationgraph.forum-canada.com/u2 ">Profil</a></span> </TD>
<TD> </br></br></br></br> <span class="infobull"><img src="http://i48.servimg.com/u/f48/16/48/44/20/li10.png" class="opac"><span><center>Light
<a href="http://animationgraph.forum-canada.com/u3">Profil</a></span></TD></TR>
</TABLE>
<!--Concours-->
<TD WIDTH=443 HEIGHT=250> <span class="infobulle"> </br> <img src="http://i48.servimg.com/u/f48/16/48/44/20/craati10.png"opac"><span><center>Titre<br><a href=" lien du profil ici ">Profil</a></span></TD></TR>
</TABLE>
</td></tr></table>
</td></tr></table>
</div></div></div>
<script type="text/javascript">
//<!--
var anc_onglet = 'one';
change_onglet(anc_onglet);
//-->
</script>
<!-- 3ième page -->
<div class="contenu_onglet" id="contenu_onglet_one">
<table width="100%" class="image_3"><tr><td >
<table BORDER="0">
<tr><td align="left" COLSPAN=3 WIDTH=738 HEIGHT=100> <span style="font-size: 24px; line-height: normal"><strong><div style="margin:auto;text-align:center;width:100%">
</div></strong></span> </td></tr>
<tr><td align="left" VALIGN="top" WIDTH=190 HEIGHT=350 VALIGN="center" ><div style="margin:auto;text-align:center;width:100%"><span style="font-size: 18px; line-height: normal">
<!-- Coup de Coeur -->
</br>
<table border="0" ><tr>
<td WIDTH=15 ></td>
<td WIDTH=170 HEIGHT=184 VALIGN="bottom" >
</br>
<!--Logo du coup de coeur (paragraphe complet) -->
<a href="http://www.servimg.com/image_preview.php?i=44&u=16484420" class="postlink" target="_blank" rel="nofollow"><img src="http://i48.servimg.com/u/f48/16/48/44/20/sans_t10.jpg" border="0" alt="" /></a>
</td></tr></table>
</span></div></td>
<td align="left" WIDTH=378 HEIGHT=350 VALIGN="top"> <div style="margin:auto;text-align:center;width:100%"><span style="font-size: 18px; line-height: normal"> </span>
</br>
</br>
</br>
</br>
</br>
</br>
..................................................................
..................................................................
..................................................................
..................................................................
..................................................................</div> </td>
<!-- Partenaire VIP -->
<td align="left" WIDTH=170 HEIGHT=350 VALIGN="top"> <span style="font-size: 18px; line-height: normal"><div style="margin:auto;text-align:center;width:100%">
<table border="0" VALIGN="bottom"><tr>
<td WIDTH=25></td>
<td align="left" WIDTH=90 HEIGHT=300 VALIGN="bottom" > <span><marquee behavior="scroll" direction="up" scrollamount="1" height="195">
<!-- Logo des VIP (chaque paragraphe est un logo) -->
<a href="http://www.servimg.com/image_preview.php?i=44&u=16484420" class="postlink" target="_blank" rel="nofollow"><img src="http://i48.servimg.com/u/f48/16/48/44/20/sans_t10.jpg" border="0" alt="" /></a>
</br></br>
<a href="http://www.servimg.com/image_preview.php?i=44&u=16484420" class="postlink" target="_blank" rel="nofollow"><img src="http://i48.servimg.com/u/f48/16/48/44/20/sans_t10.jpg" border="0" alt="" /></a>
</br></br>
<a href="http://www.servimg.com/image_preview.php?i=44&u=16484420" class="postlink" target="_blank" rel="nofollow"><img src="http://i48.servimg.com/u/f48/16/48/44/20/sans_t10.jpg" border="0" alt="" /></a>
</br></br>
<a href="http://www.servimg.com/image_preview.php?i=44&u=16484420" class="postlink" target="_blank" rel="nofollow"><img src="http://i48.servimg.com/u/f48/16/48/44/20/sans_t10.jpg" border="0" alt="" /></a> </marquee></span> </td></tr></table>
</div></span> </td></tr></table>
</td></tr></table>
</div>
<!-- 2ième page -->
<div class="contenu_onglet" id="contenu_onglet_two">
<table width="100%" class="image_2"><tr><td>
<table width="100%"><tr><td>
<!-- tableau partenaire -->
<TABLE BORDER="0">
<TR><TD COLSPAN=2 WIDTH=743 HEIGHT=200 ALIGN="right">
<table border="0"><tr><td align="left" WIDTH=175 HEIGHT=150></br></br></br>
<a href="http://graphalasea.forums-actifs.com/" class="postlink" target="_blank" rel="nofollow"><img src="http://i41.servimg.com/u/f41/15/31/22/07/logo11.gif" border="1" alt="" /></a>
<a href="http://rainbow.forumgratuit.org" target="_blank"><img src="http://img4.hostingpics.net/pics/682136Bannire1Rainbow.gif" title="RainbÔw, Forum de discussions !" border="0"></a>
</td></tr></table>
</span><table width="90%" cellspacing="1" cellpadding="3" border="0" align="center"><tr> </tr></table><span class="postbody"></TD></TR>
<!--Staff-->
<TR><TD WIDTH=200 HEIGHT=250>
<TABLE BORDER="0" align="center">
<TR><TD WIDTH=40 ALIGN="right"> </br></br></br></br> <span class="infobull"><img src="http://i48.servimg.com/u/f48/16/48/44/20/marie10.png" class="opac"><span><center>Marie
<a href="http://animationgraph.forum-canada.com/u1">Profil</a></span>
</TD><TD COLSPAN=3 > </br></br></br></br> <span class="infobull"><img src="http://i48.servimg.com/u/f48/16/48/44/20/pic10.png" class="opac"><span><center>Picture
<a href=" http://animationgraph.forum-canada.com/u2 ">Profil</a></span> </TD>
<TD> </br></br></br></br> <span class="infobull"><img src="http://i48.servimg.com/u/f48/16/48/44/20/li10.png" class="opac"><span><center>Light
<a href="http://animationgraph.forum-canada.com/u3">Profil</a></span></TD></TR>
</TABLE>
<!--Concours-->
<TD WIDTH=443 HEIGHT=250> <span class="infobulle"> </br> <img src="http://i48.servimg.com/u/f48/16/48/44/20/craati10.png"opac"><span><center>Titre<br><a href=" lien du profil ici ">Profil</a></span></TD></TR>
</TABLE>
</td></tr></table>
</td></tr></table>
</div></div></div>
<script type="text/javascript">
//<!--
var anc_onglet = 'one';
change_onglet(anc_onglet);
//-->
</script>
<!-- 5ière page -->
<div class="contenu_onglet" id="contenu_onglet_one">
<table width="100%" class="image_1"><tr><td >
<table BORDER="0">
<tr><td align="left" COLSPAN=3 WIDTH=738 HEIGHT=100> <span style="font-size: 24px; line-height: normal"><strong><div style="margin:auto;text-align:center;width:100%">
</div></strong></span> </td></tr>
<tr><td align="left" VALIGN="top" WIDTH=190 HEIGHT=350 VALIGN="center" ><div style="margin:auto;text-align:center;width:100%"><span style="font-size: 18px; line-height: normal">
<!-- Coup de Coeur -->
</br>
<table border="0" ><tr>
<td WIDTH=15 ></td>
<td WIDTH=170 HEIGHT=184 VALIGN="bottom" >
</br>
<!--Logo du coup de coeur (paragraphe complet) -->
<a href="http://www.servimg.com/image_preview.php?i=44&u=16484420" class="postlink" target="_blank" rel="nofollow"><img src="http://i48.servimg.com/u/f48/16/48/44/20/sans_t10.jpg" border="0" alt="" /></a>
</td></tr></table>
</span></div></td>
<td align="left" WIDTH=378 HEIGHT=350 VALIGN="top"> <div style="margin:auto;text-align:center;width:100%"><span style="font-size: 18px; line-height: normal"> </span>
</br>
</br>
</br>
</br>
</br>
</br>
..................................................................
..................................................................
..................................................................
..................................................................
..................................................................</div> </td>
<!-- Partenaire VIP -->
<td align="left" WIDTH=170 HEIGHT=350 VALIGN="top"> <span style="font-size: 18px; line-height: normal"><div style="margin:auto;text-align:center;width:100%">
<table border="0" VALIGN="bottom"><tr>
<td WIDTH=25></td>
<td align="left" WIDTH=90 HEIGHT=300 VALIGN="bottom" > <span><marquee behavior="scroll" direction="up" scrollamount="1" height="195">
<!-- Logo des VIP (chaque paragraphe est un logo) -->
<a href="http://www.servimg.com/image_preview.php?i=44&u=16484420" class="postlink" target="_blank" rel="nofollow"><img src="http://i48.servimg.com/u/f48/16/48/44/20/sans_t10.jpg" border="0" alt="" /></a>
</br></br>
<a href="http://www.servimg.com/image_preview.php?i=44&u=16484420" class="postlink" target="_blank" rel="nofollow"><img src="http://i48.servimg.com/u/f48/16/48/44/20/sans_t10.jpg" border="0" alt="" /></a>
</br></br>
<a href="http://www.servimg.com/image_preview.php?i=44&u=16484420" class="postlink" target="_blank" rel="nofollow"><img src="http://i48.servimg.com/u/f48/16/48/44/20/sans_t10.jpg" border="0" alt="" /></a>
</br></br>
<a href="http://www.servimg.com/image_preview.php?i=44&u=16484420" class="postlink" target="_blank" rel="nofollow"><img src="http://i48.servimg.com/u/f48/16/48/44/20/sans_t10.jpg" border="0" alt="" /></a> </marquee></span> </td></tr></table>
</div></span> </td></tr></table>
</td></tr></table>
</div>
- CSS:
- Code:
.onglet{
color: #ffffff; /* couleur texte onglet */
font-size: 20px;
font-family: Papyrus,Arial;
display:inline-block;
padding:4px;
cursor:pointer;
}
.onglet_0{} /* personnaliser les onglet ici */
.onglet_1{} /* onglet sélectionné */
.onglet_2{}
.onglet_3{}
.onglet_4{}
.contenu_onglet{
margin-top: -6px; /* marge entre le cadre et les onglets */
padding:0px;
display:none;
height: 464px; /* largeur du tableau */
width: 723px; /* hauteur du tableau */
}
.image_1{width: 723px;height: 464px; background-image:url('http://i48.servimg.com/u/f48/16/08/52/40/rambaw11.jpg');}
.image_2{ width: 723px;height: 464px; background-image:url('http://i48.servimg.com/u/f48/16/08/52/40/rambaw10.jpg');}
.image_3{width: 723px;height: 464px; background-image:url('http://i48.servimg.com/u/f48/16/08/52/40/rambaw12.jpg');}
.image_4{width: 723px;height: 464px; background-image:url('http://i48.servimg.com/u/f48/16/08/52/40/rambaw11.jpg');}
.image_5{width: 723px;height: 464px; background-image:url('http://i48.servimg.com/u/f48/16/08/52/40/rambaw11.jpg');}
/* infobulle concours */
.infobulle{position: relative;z-index: 0;}
.infobulle:hover{z-index: 999;}
.infobulle span{ position: absolute;visibility: hidden;}
.infobulle:hover span{ visibility: visible; top: 2px; left: 130px; width: auto; color:#030303 ; font-size: 13px; font-family: Palatino, Arial, serif; padding: 5px; background-color: #FFC7C7; border: 1px outset #fff; -moz-border-radius: 12px; -webkit-border-radius: 12px; border-radius: 12px;}
.infobulle a{color: #030303;} /*noir*/
.infobulle a:hover{color: #FFC7C7 ;} /*Rose*/
/* infobulle staff*/
.infobull{position: relative;z-index: 0;}
.infobull:hover{z-index: 50;}
.infobull span{ position: absolute;visibility: hidden;}
.infobull:hover span{ visibility: visible; top: 0px; left: 0px; width: auto; color:#030303; font-size: 13px; font-family: Palatino, Arial, serif; padding: 5px; background-color: #FFC7C7; border: 1px outset #fff; -moz-border-radius: 12px; -webkit-border-radius: 12px; border-radius: 12px;}
.infobull a{color:#000000;}
.infobull a:hover{color:#FFFF00;}
/* opacité staff */
.opac{
opacity : 0.50;
-moz-opacity : 0.50;
-ms-filter: "alpha(opacity=150)"; /* IE 8 */
filter : alpha(opacity=150); /* IE < 8 */
}
.opac:hover{
opacity : 0.95;
-moz-opacity : 0.95;
-ms-filter: "alpha(opacity=150)"; /* IE 8 */
filter : alpha(opacity=150); /* IE < 8 */
} O
voici des images :
j'aimera que ce soit comme ça :
Et non comme ça:
Re: Distance entre deux onglets
Puis-je avoir un lien vers votre tableau ?
PS : il vaut mieux demander sur votre problème d'onglet dans un seul message. Je vous invite à mettre en résolu vos autres sujets sur votre tableau en onglets, nous résoudrons tous les problèmes ici ^^
PS : il vaut mieux demander sur votre problème d'onglet dans un seul message. Je vous invite à mettre en résolu vos autres sujets sur votre tableau en onglets, nous résoudrons tous les problèmes ici ^^
SoraNoHime- Membre actif
-
Messages : 6218
Inscrit(e) le : 10/06/2010
Re: Distance entre deux onglets
D'acord j'était pas sur qu'il sagissais du même probléme et dans les réglements ils disent pas plus d'une question dans un sujet mais je vais faire résolut sur l'autre ^^
voici le lien : http://test-ag.forum-canada.com/
Merci de m'aidé cela fait plus d'une fois XD
voici le lien : http://test-ag.forum-canada.com/
Merci de m'aidé cela fait plus d'une fois XD
Re: Distance entre deux onglets
Quel tableau avez-vous utilisé sur le tutoriel ?
SoraNoHime- Membre actif
-
Messages : 6218
Inscrit(e) le : 10/06/2010
Re: Distance entre deux onglets
Bien c'était pas un tableau d'un tutoriel c'est un tableau qu'un de mes ami m'avais fait mais je ne réussi plus à le contacté je croi qu'il n'a plus d'internet =s et j'ai pas son numéro de téléphone ...
Re: Distance entre deux onglets
Bonsoir voulez vous dire que vous désirez supprimer les icônes blanc et mauves ?
Re: Distance entre deux onglets
non je voudrais retiré les ligne blanche entre mes onglet (ex: entre Rainbôw et The Staff)
Re: Distance entre deux onglets
Cela doit surement venir des images. Agrandissez les d'un chouillat et normalement ce sera bon
Re: Distance entre deux onglets
je ne croi pas que en les agrandissent sa change qu'elle que chose car en regardant bien des deux coté de mon tableau mes image d'onglet déppasse... si ce ne serais pas des espaces. De plus si j'agrandi mes image elle ne coinsiderons plus avec le fond du tableau :S
Re: Distance entre deux onglets
Déjà dans votre css dans .onglet supprimez le padding : 4px;, puis repérez dans le code de vos onglets :
Est-ce mieux ?
- Code:
<table align="center"><tr><td>
<div class="systeme_onglets">
<div class="onglets">
- Code:
<table align="center" cellspacing="0" cellpadding="0"><tr><td>
<div class="systeme_onglets">
<div class="onglets">
Est-ce mieux ?
SoraNoHime- Membre actif
-
Messages : 6218
Inscrit(e) le : 10/06/2010
Re: Distance entre deux onglets
non rien n'a changé :S
Re: Distance entre deux onglets
salut
Dans ton code, tu as fait des espaces et des retour chariot.Cela viens de là :
Voici ton html sans espaces et sans commentaires :
A+
Dans ton code, tu as fait des espaces et des retour chariot.Cela viens de là :
Voici ton html sans espaces et sans commentaires :
- Code:
<div class="onglets"><span class="onglet_1 onglet" id="onglet_one" onmouseover="javascript:change_onglet('one');"><i> <a href="http://www.servimg.com/image_preview.php?i=50&u=16484420" class="postlink" target="_blank" rel="nofollow"><img src="http://i48.servimg.com/u/f48/16/48/44/20/1_bmp10.jpg" alt="" border="0"></a> </i></span><span class="onglet_0 onglet" id="onglet_two" onmouseover="javascript:change_onglet('two');"><i><a href="http://www.servimg.com/image_preview.php?i=51&u=16484420" class="postlink" target="_blank" rel="nofollow"><img src="http://i48.servimg.com/u/f48/16/48/44/20/2_bmp10.jpg" alt="" border="0"></a></i></span><i><span class="onglet_1 onglet" id="onglet_three" onmouseover="javascript:change_onglet('three');"><i> <a href="http://www.servimg.com/image_preview.php?i=207&u=16085240" class="postlink" target="_blank" rel="nofollow"><img src="http://i48.servimg.com/u/f48/16/08/52/40/3_bmp10.jpg" alt="" border="0"></a></i></span><i><span class="onglet_1 onglet" id="onglet_four" onmouseover="javascript:change_onglet('four');"><i><a href="http://www.servimg.com/image_preview.php?i=208&u=16085240" class="postlink" target="_blank" rel="nofollow"><img src="http://i48.servimg.com/u/f48/16/08/52/40/4_bmp10.jpg" alt="" border="0"></a></i></span><i><span class="onglet_1 onglet" id="onglet_five" onmouseover="javascript:change_onglet('five');"><i><a href="http://www.servimg.com/image_preview.php?i=209&u=16085240" class="postlink" target="_blank" rel="nofollow"><img src="http://i48.servimg.com/u/f48/16/08/52/40/5_bmp10.jpg" alt="" border="0"></a></i></span><i></i></i></i></i></div>
A+
missx- Membre actif
-
Messages : 2895
Inscrit(e) le : 12/05/2007
Re: Distance entre deux onglets
Ça marche! Merci ^^ maintenent il ne reste plus qu'à réglé le cas des trois dernier onglet :S je récapitule:
J’ai un tableau à onglet. À la base il était à deux onglets. J’ai voulu en rajouté trois, mais les onglets n’affiche pas le contenu. Je crois que le problème est dans le JavaScript mais je n’y connais rien la dessus XD
J’ai un tableau à onglet. À la base il était à deux onglets. J’ai voulu en rajouté trois, mais les onglets n’affiche pas le contenu. Je crois que le problème est dans le JavaScript mais je n’y connais rien la dessus XD
Re: Distance entre deux onglets
Le problème vient bien du HTML
à changer par three... et idem pour le 4ème (four) et le 5ème. (five)
Cordialement.
<!-- 3ième page -->
<div class="contenu_onglet" id="contenu_onglet_one">
à changer par three... et idem pour le 4ème (four) et le 5ème. (five)
Cordialement.
SoraNoHime- Membre actif
-
Messages : 6218
Inscrit(e) le : 10/06/2010
Re: Distance entre deux onglets
J'ai modifier mais toujours rien :S une autre idée =o ??
Re: Distance entre deux onglets
salut
Ca viens de l'ID des pages :
<div class="contenu_onglet" id="contenu_onglet_one">
à changer par
<div class="contenu_onglet" id="contenu_onglet_three">
three , four , five ....
autre chose :
j'ai encore corrigé tes boutons d'onglet car tu as mis des liens vers les images au lieu de mettre #
Ca viens de l'ID des pages :
<div class="contenu_onglet" id="contenu_onglet_one">
à changer par
<div class="contenu_onglet" id="contenu_onglet_three">
three , four , five ....
autre chose :
j'ai encore corrigé tes boutons d'onglet car tu as mis des liens vers les images au lieu de mettre #
- Code:
<div class="onglets"><span class="onglet_1 onglet" id="onglet_one" onmouseover="javascript:change_onglet('one');"><i><a href="#" class="postlink" target="_blank" rel="nofollow"><img src="http://i48.servimg.com/u/f48/16/48/44/20/1_bmp11.jpg" alt="" border="0"></a></i></span><span class="onglet_0 onglet" id="onglet_two" onmouseover="javascript:change_onglet('two');"><i><a href="#" class="postlink" target="_blank" rel="nofollow"><img src="http://i48.servimg.com/u/f48/16/48/44/20/2_bmp11.jpg" alt="" border="0"></a></i></span><i><span class="onglet_1 onglet" id="onglet_three"onmouseover="javascript:change_onglet('three');"><i><a href="#" class="postlink" target="_blank" rel="nofollow"><img src="http://i48.servimg.com/u/f48/16/48/44/20/3_bmp10.jpg" alt="" border="0"></a></i></span><i><span class="onglet_1 onglet" id="onglet_four" onmouseover="javascript:change_onglet('four');"><i><a href="#" class="postlink" target="_blank" rel="nofollow"><img src="http://i48.servimg.com/u/f48/16/48/44/20/4_bmp10.jpg" alt="" border="0"></a></i></span><i><span class="onglet_1 onglet" id="onglet_five" onmouseover="javascript:change_onglet('five');"><i><a href="#" class="postlink" target="_blank" rel="nofollow"><img src="http://i48.servimg.com/u/f48/16/48/44/20/5_bmp10.jpg" alt="" border="0"></a> </i></span><i></i></i></i></i></div>
</div>
missx- Membre actif
-
Messages : 2895
Inscrit(e) le : 12/05/2007
Re: Distance entre deux onglets
merci ça marche finalemment j'avais pas tout changé les one :X
Sujets similaires
» Problème entre deux tableaux à onglets.
» Espace entre le logo et le forum en lui-même avec un Panel entre les Deux
» Beug entre deux astuces
» Interférence entre mes menus à onglets
» Espace entre onglets et sous-forums
» Espace entre le logo et le forum en lui-même avec un Panel entre les Deux
» Beug entre deux astuces
» Interférence entre mes menus à onglets
» Espace entre onglets et sous-forums
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum