Distance entre deux onglets

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

Résolu Distance entre deux onglets

Message par MariePassion le Mar 30 Aoû 2011 - 21:46

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


Dernière édition par MariePassion le Lun 5 Sep 2011 - 20:50, édité 1 fois

MariePassion
***

Messages : 102
Inscrit(e) le : 12/08/2011

http://batty.forum-canada.com/
MariePassion a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Distance entre deux onglets

Message par SoraNoHime le Mar 30 Aoû 2011 - 21:53

Bonsoir

votre demande est un peu flou. Puis-je avoir votre code pour ces onglets ainsi que la css qui va avec ?

Cordialement.

SoraNoHime
+ Hyperactif +

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

http://fanasiacodes.bbfr.net/
SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Distance entre deux onglets

Message par MariePassion le Mar 30 Aoû 2011 - 23:39

Voici mon HTML et CSS, mais il y à des défauts à l'intérieur j'ai demandé de l'aide dans un autre poste

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:


MariePassion
***

Messages : 102
Inscrit(e) le : 12/08/2011

http://batty.forum-canada.com/
MariePassion a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Distance entre deux onglets

Message par SoraNoHime le Mar 30 Aoû 2011 - 23:50

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

SoraNoHime
+ Hyperactif +

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

http://fanasiacodes.bbfr.net/
SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Distance entre deux onglets

Message par MariePassion le Mer 31 Aoû 2011 - 0:35

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

MariePassion
***

Messages : 102
Inscrit(e) le : 12/08/2011

http://batty.forum-canada.com/
MariePassion a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Distance entre deux onglets

Message par SoraNoHime le Jeu 1 Sep 2011 - 15:26

Quel tableau avez-vous utilisé sur le tutoriel ?

SoraNoHime
+ Hyperactif +

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

http://fanasiacodes.bbfr.net/
SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Distance entre deux onglets

Message par MariePassion le Jeu 1 Sep 2011 - 16:09

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

MariePassion
***

Messages : 102
Inscrit(e) le : 12/08/2011

http://batty.forum-canada.com/
MariePassion a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Distance entre deux onglets

Message par MariePassion le Ven 2 Sep 2011 - 16:19

UP !

MariePassion
***

Messages : 102
Inscrit(e) le : 12/08/2011

http://batty.forum-canada.com/
MariePassion a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Distance entre deux onglets

Message par MariePassion le Sam 3 Sep 2011 - 21:36

Up

MariePassion
***

Messages : 102
Inscrit(e) le : 12/08/2011

http://batty.forum-canada.com/
MariePassion a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Distance entre deux onglets

Message par Roxy. le Sam 3 Sep 2011 - 22:03

Bonsoir voulez vous dire que vous désirez supprimer les icônes blanc et mauves ?

Roxy.
# Tropactif #

Féminin
Messages : 1058
Inscrit(e) le : 24/07/2011

http://roxy-test.forumgratuit.org/
Roxy. a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Distance entre deux onglets

Message par MariePassion le Sam 3 Sep 2011 - 22:09

non je voudrais retiré les ligne blanche entre mes onglet (ex: entre Rainbôw et The Staff)

MariePassion
***

Messages : 102
Inscrit(e) le : 12/08/2011

http://batty.forum-canada.com/
MariePassion a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Distance entre deux onglets

Message par Roxy. le Sam 3 Sep 2011 - 22:16

Cela doit surement venir des images. Agrandissez les d'un chouillat et normalement ce sera bon Wink

Roxy.
# Tropactif #

Féminin
Messages : 1058
Inscrit(e) le : 24/07/2011

http://roxy-test.forumgratuit.org/
Roxy. a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Distance entre deux onglets

Message par MariePassion le Sam 3 Sep 2011 - 22:18

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

MariePassion
***

Messages : 102
Inscrit(e) le : 12/08/2011

http://batty.forum-canada.com/
MariePassion a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Distance entre deux onglets

Message par SoraNoHime le Dim 4 Sep 2011 - 2:30

Déjà dans votre css dans .onglet supprimez le padding : 4px;, puis repérez dans le code de vos onglets :
Code:
 <table align="center"><tr><td>
                      <div class="systeme_onglets">
                      <div class="onglets">
et remplacez le ainsi :
Code:
 <table align="center" cellspacing="0" cellpadding="0"><tr><td>
                      <div class="systeme_onglets">
                      <div class="onglets">

Est-ce mieux ?

SoraNoHime
+ Hyperactif +

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

http://fanasiacodes.bbfr.net/
SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Distance entre deux onglets

Message par MariePassion le Dim 4 Sep 2011 - 4:04

non rien n'a changé :S

MariePassion
***

Messages : 102
Inscrit(e) le : 12/08/2011

http://batty.forum-canada.com/
MariePassion a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Distance entre deux onglets

Message par missx le Dim 4 Sep 2011 - 9:44

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 :

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&amp;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&amp;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&amp;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&amp;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&amp;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>
là ça devrai enlever les espaces entre les images.
A+ Very Happy

missx
+ Hyperactif +

Féminin
Messages : 2895
Inscrit(e) le : 12/05/2007

http://google.fr
missx a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Distance entre deux onglets

Message par MariePassion le Dim 4 Sep 2011 - 21:40

Ç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

MariePassion
***

Messages : 102
Inscrit(e) le : 12/08/2011

http://batty.forum-canada.com/
MariePassion a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Distance entre deux onglets

Message par SoraNoHime le Dim 4 Sep 2011 - 23:47

Le problème vient bien du HTML

<!-- 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
+ Hyperactif +

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

http://fanasiacodes.bbfr.net/
SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Distance entre deux onglets

Message par MariePassion le Lun 5 Sep 2011 - 4:13

J'ai modifier mais toujours rien :S une autre idée =o ??

MariePassion
***

Messages : 102
Inscrit(e) le : 12/08/2011

http://batty.forum-canada.com/
MariePassion a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Distance entre deux onglets

Message par missx le Lun 5 Sep 2011 - 6:51

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 #
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
+ Hyperactif +

Féminin
Messages : 2895
Inscrit(e) le : 12/05/2007

http://google.fr
missx a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Distance entre deux onglets

Message par MariePassion le Lun 5 Sep 2011 - 20:49

merci ça marche finalemment j'avais pas tout changé les one :X

MariePassion
***

Messages : 102
Inscrit(e) le : 12/08/2011

http://batty.forum-canada.com/
MariePassion a été remercié(e) par l'auteur de ce sujet.

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