Distance entre deux onglets

[MariePassion]

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

[SoraNoHime]

Bonsoir

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

Cordialement.

[MariePassion]

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:

CSS:

voici des images :

j'aimera que ce soit comme ça :



Et non comme ça:

[SoraNoHime]

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

[MariePassion]

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

[SoraNoHime]

Quel tableau avez-vous utilisé sur le tutoriel ?

[MariePassion]

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]

UP !

[MariePassion]

Up

[Roxy.]

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

[MariePassion]

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

[Roxy.]

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

[MariePassion]

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

[SoraNoHime]

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 ?

[MariePassion]

non rien n'a changé :S

[missx]

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+

[MariePassion]

Ç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

[SoraNoHime]

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.

[MariePassion]

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

[missx]

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>


[MariePassion]

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