Taille de catégorie élargie à cause d'un script

[SoraNoHime]

Bonsoir,

J'ai créé un tableau coulissant que j'ai placé dans l'affichage, page d'accueil, généralités de mon forum (voir le lien dans mon profil).

Le problème c'est que l'insertion de ce tableau me change la configuration de mes catégories en les élargissant.



Voyez vous les deux images dans le titre des catégories devraient être côte à côte et non espacées. Elles ne le sont plus depuis que j'ai mis le tableau en place.

J'ai essayé de régler au mieux ce tableau, je n'arrive pas à retrouver ma taille de largeur de catégories comme avant.

Voici la css du tableau coulissant :

Code:

/*Tableau dynamique*/
.tabbed_content {
   WIDTH: 800px
}
.tabs {
   background-color: #939EBF;
                POSITION: relative;
   HEIGHT: 62px
}
.tabs .moving_bg {
   BACKGROUND-IMAGE: url(http://i38.servimg.com/u/f38/14/98/49/11/onglet10.gif);
   POSITION: absolute;
   PADDING-BOTTOM: 29px;
   BACKGROUND-COLOR: #939EBF;
   PADDING-LEFT: 10px;
   WIDTH: 113px;
   PADDING-RIGHT: 10px;
   BACKGROUND-REPEAT: no-repeat;
   BACKGROUND-POSITION: center bottom;
   PADDING-TOP: 15px;
   LEFT: 0px
}
.tabs .tab_item {
   POSITION: relative;
   TEXT-ALIGN: center;
   PADDING-BOTTOM: 15px;
   PADDING-LEFT: 10px;
   WIDTH: 113px;
   PADDING-RIGHT: 10px;
   DISPLAY: block;
   FLOAT: left;
   PADDING-TOP: 15px
}
.tabbed_content .slide_content {
   POSITION: relative;
   PADDING-BOTTOM: 20px;
   PADDING-LEFT: 20px;
   WIDTH: 760px;
   PADDING-RIGHT: 0px;
   OVERFLOW: hidden;
   PADDING-TOP: 7px
}
.tabslider {
   WIDTH: 5000px
}
.tabslider UL {
   PADDING-BOTTOM: 0px;
   MARGIN: 0px 20px 0px 0px;
   PADDING-LEFT: 0px;
   WIDTH: 750px;
   PADDING-RIGHT: 0px;
   FLOAT: left;
   PADDING-TOP: 0px
}
.encadre1 {
   TEXT-ALIGN: center;
   FONT-FAMILY: Amazone BT;
   COLOR: #364675;
   FONT-SIZE: 11px;
   BACKGROUND-COLOR: #acb6d4;
   LINE-HEIGHT: 12px;
   DISPLAY: block;
   FLOAT: center;
   LETTER-SPACING: 0px;
                padding:0 10px;
   border:2px solid #6C8758;
}
.encadre2 {
   TEXT-ALIGN: center;
   FONT-FAMILY: Amazone BT;
   COLOR: #364675;
   FONT-SIZE: 14px;
   BACKGROUND-COLOR: #acb6d4;
   LINE-HEIGHT: 12px;
   DISPLAY: block;
   FLOAT: center;
   LETTER-SPACING: 0px;
                padding:0 10px;
   border:4px solid #6C8758;
}
hr.td {
COLOR: #6C8758;
background-color: #6C8758;
height: 1px;
border: 0;
}

Ainsi que le code du tableau :

Code:

<DIV class=tabbed_content><DIV class=tabs><DIV class=moving_bg></DIV>
<SPAN class=tab_item><img src="http://i35.servimg.com/u/f35/15/15/64/77/minixa10.jpg" width="100" height="36" border="0" alt="Image hébergée par servimg.com" /></SPAN>
<SPAN class=tab_item><img src="http://i65.servimg.com/u/f65/12/35/71/06/minifa10.jpg" width="100" height="36" border="0" alt="Fanasia Paradise"/></SPAN>
<SPAN class=tab_item><img src="http://i35.servimg.com/u/f35/14/85/06/89/minifa11.jpg" width="100" height="36" border="0" alt="Fanasia paradise forum" /></SPAN>
<SPAN class=tab_item><img src="http://i35.servimg.com/u/f35/14/85/06/89/minidr10.jpg" width="100" height="36" border="0" alt="Drama Lovers"/></SPAN>
<SPAN class=tab_item><img src="http://i65.servimg.com/u/f65/14/85/06/89/minima10.jpg" width="100" height="36" border="0" alt="Manga Lovers"/></SPAN>
<SPAN class=tab_item><img src="http://i33.servimg.com/u/f33/15/43/05/04/minifa10.jpg" width="100" height="36" border="0" alt="Fanasia creations" /></SPAN>
</DIV><DIV class=slide_content><DIV class=tabslider>
<UL><DIV><center><b>Bienvenue sur le Ring Fanasia Paradise : XAT commune à tous les forums</b></center>
<TABLE BORDER class="forumline"><TR><TD>
<center>XAT</center>
</TD></TR></TABLE></DIV></UL>
<UL><center><b>Retrouvez toute l'actualité du Ring Fanasia Parasise en cliquant sur le logo Fanasia Paradise ou sur Facebook</b><br/><br/></center>
<table width=100%><tr height="90"><td align=center valign="middle" width=45%>               
FACEBOOK J'aime<br/><br/>
<table width=100%><tr><td valign=middle align=center width=50%>
<img src="http://i25.servimg.com/u/f25/14/85/06/89/minifa10.jpg" border="0" alt="Fanasia Paradise Kado kado" /><br/>Clan du Ring sur Kado Kado
</td><td valign=middle align=center width=50%>
<img src="http://i65.servimg.com/u/f65/12/35/71/06/minifa10.jpg" border="0" alt="Fanasia Paradise"/><br/>Le Site Fanasia Paradise
</td></tr></table>
</td><td valign=top align=center width=50% height="150">
<img src="http://i35.servimg.com/u/f35/14/85/06/89/minico10.gif" border="0" alt="Image hébergée par servimg.com" /><br/>Livre d'or du Ring Fanasia<br/><br/>
<table width=100% height=100% class="encadre1"><tr><td valign=top width=100%>

<center><br/><b><font size="2">L'Edito de Fanasia</font></b></center><hr class="td">
Texte de l'édito

<br/></td></tr></table></td><td rowspan="3" width=5%></td></tr></table></UL>
<UL><center><img src="http://i35.servimg.com/u/f35/14/85/06/89/minifa11.jpg" border="0" alt="Fanasia paradise forum" /><br/>Actualités de Fanasia Paradise : Forum sur les pays d'Asie et leurs cultures.</center><br/>
<table width=100%><tr><td rowspan=3 width=45% border=1 align=left valign=top><img src="http://i63.servimg.com/u/f63/15/43/05/04/fp_hiv10.jpg" border="0" alt="Fanasia Paradise" /></td><td width=25% border=1 valign=top class="encadre1">

<br/><b><font size="2">Japon</font></b><hr class="td">
- Sujets du Japon<br/>

</td><td width=25% border=1 valign=top class="encadre1">

</br><b><font size="2">Thaïlande</font></b><hr class="td">
- Sujets de la Thailande<br/>

</td><td rowspan=3 width=5%></td></tr></table></UL>
<UL><center><img src="http://i35.servimg.com/u/f35/14/85/06/89/minidr10.jpg" border="0" alt="Drama Lovers"/><br/>
Actualités de Drama Lovers : Forum sur les drama, les films et la musique asiatiques</center><br/><br/><center><table width=100%><tr>
<td width=45% border=1 align=left valign=top><img src="http://i33.servimg.com/u/f33/15/43/05/04/dlnouv10.jpg" border="0" alt="Drama Lovers" /></td>
<td width=50% border=1 valign=top><center><table width="100%" cellspacing="20"><tr><td width=50% border=1 align="center" valign="middle" class="encadre2">

Sujet 1

</td><td width=50% border=1 align="center" valign="middle" class="encadre2">

Sujet 2

</td></tr></table><table width="50%" cellspacing="20"><tr><td width=50% border=1 align="center" valign="middle" class="encadre2">

Sujet 3

</td></tr></table></center></td><td width=5%></td></tr></table></center></UL>
<UL><center><img src="http://i65.servimg.com/u/f65/14/85/06/89/minima10.jpg" border="0" alt="Manga Lovers"/><br/>
Actualités de Manga Lovers : Forum sur les mangas et les animés.</center><br/><br/><center><table width=100%><tr>
<td width=45% border=1 align=left valign=top><img src="http://i65.servimg.com/u/f65/14/85/06/89/mlnorm10.jpg" border="0" alt="Image hébergée par servimg.com" /></td>
<td width=50% border=1 valign=top><center><table width="100%" cellspacing="20"><tr><td width=50% border=1 align="center" valign="middle" class="encadre2">

Sujet 1

</td><td width=50% border=1 align="center" valign="middle" class="encadre2">

Sujet 2

</td></tr><tr><td width=50% border=1 align="center" valign="middle" class="encadre2">

Sujet 3

</td><td width=50% border=1 align="center" valign="middle" class="encadre2">

Sujet 4

</td></tr></table></center></td><td width=5%></td></tr></table></center></UL>
      
<UL><center><img src="http://i33.servimg.com/u/f33/15/43/05/04/minifa10.jpg" border="0" alt="Fanasia creations" /><br/>
Actualités de Fanasia Creations : Pour toutes les créations de fans à travers le monde.</center><br/><table width=100%><tr>
<td width=45% border=1 align=left valign=top><img src="http://i63.servimg.com/u/f63/15/43/05/04/fc_hiv10.jpg" border="0" alt="Fanasia créations" /><br/><br/></td><td width=50% valign=top class="encadre1">

<br/><b><font size="2">Fanfics</font></b> : <hr class="td">
- Liste fanfics

<br/></td><td rowspan=2 width=5%></td></tr><tr><td width=45% valign=top class="encadre1">

<br/><b><font size="2">Vidéos</font></b> : <hr class="td">
- Liste vidéo

<br/></td><td width=50% valign=top class="encadre1">

<br/><b><font size="2">Créations graphiques</font></b> : <hr class="td">
<table width=100%><tr><td>
- Liste 1
<br/></td><td>
- Liste 2
<br/></td><td>
- Liste 3

<br/></td></tr></table></td></tr></table></UL></DIV></DIV></DIV>

Pouvez-vous m'aider à "rétrécir" ce tableau (normalement tout passe par la css) pour récupérer la largeur de mes catégories comme il le faut. Merci d'avance

[ge80]

Bonjour

Quelques erreurs dans la définition de vos classes 'il manque les doubles quote ou "

Code:

 <DIV class=tabbed_content><DIV class=tabs><DIV class=moving_bg></DIV>

en

Code:

 <DIV class="tabbed_content"><DIV class="tabs"><DIV class="moving_bg"></DIV>

Code:


<DIV class=slide_content><DIV class=tabslider>

Code:

<DIV class="slide_content"><DIV class="tabslider">

Il y en a d'autres

[SoraNoHime]

Merci ge80...

J'ai remis tous les " qu'il me manquait, y compris dans les span et un rowspan ( j'en avais oublié plein)

Mais ça ne change pas vraiment le problème...

[ge80]

Code:

 <table width=100% height=100% class="encadre1"><tr><td valign=top width=100%>


Et aussi avec vos "" dans les styles ?

Il en manque une bonne centaine

Code:

 <table width="100%" height="100%" class="encadre1"><tr><td valign="top" width="100%">


[SoraNoHime]

Pour les 100%, ils ne sont pas obligatoires selon le site du zero (^^ mon référent html, css, js). Mais je tente aussi.

Code:

<DIV class="tabbed_content"><DIV class="tabs"><DIV class="moving_bg"></DIV>
<SPAN class="tab_item"><img src="http://i35.servimg.com/u/f35/15/15/64/77/minixa10.jpg" width="100" height="36" border="0" alt="Image hébergée par servimg.com" /></SPAN>
<SPAN class="tab_item"><img src="http://i65.servimg.com/u/f65/12/35/71/06/minifa10.jpg" width="100" height="36" border="0" alt="Fanasia Paradise"/></SPAN>
<SPAN class="tab_item"><img src="http://i35.servimg.com/u/f35/14/85/06/89/minifa11.jpg" width="100" height="36" border="0" alt="Fanasia paradise forum" /></SPAN>
<SPAN class="tab_item"><img src="http://i35.servimg.com/u/f35/14/85/06/89/minidr10.jpg" width="100" height="36" border="0" alt="Drama Lovers"/></SPAN>
<SPAN class="tab_item"><img src="http://i65.servimg.com/u/f65/14/85/06/89/minima10.jpg" width="100" height="36" border="0" alt="Manga Lovers"/></SPAN>
<SPAN class="tab_item"><img src="http://i33.servimg.com/u/f33/15/43/05/04/minifa10.jpg" width="100" height="36" border="0" alt="Fanasia creations" /></SPAN>
</DIV><DIV class="slide_content"><DIV class="tabslider">
<UL><DIV><center><b>Bienvenue sur le Ring Fanasia Paradise : XAT commune à tous les forums</b></center>
<TABLE BORDER class="forumline"><TR><TD>
<center>XAT</center>
</TD></TR></TABLE></DIV></UL>
<UL><center><b>Retrouvez toute l'actualité du Ring Fanasia Parasise en cliquant sur le logo Fanasia Paradise ou sur Facebook</b><br/><br/></center>
<table width="100%"><tr height="90"><td align="center" valign="middle" width="45%">             
FACEBOOK J'aime<br/><br/>
<table width="100%"><tr><td valign="middle" align="center" width="50%">
<img src="http://i25.servimg.com/u/f25/14/85/06/89/minifa10.jpg" border="0" alt="Fanasia Paradise Kado kado" /><br/>Clan du Ring sur Kado Kado
</td><td valign="middle" align="center" width="50%">
<img src="http://i65.servimg.com/u/f65/12/35/71/06/minifa10.jpg" border="0" alt="Fanasia Paradise"/><br/>Le Site Fanasia Paradise
</td></tr></table>
</td><td valign="top" align="center" width="50%" height="150">
<img src="http://i35.servimg.com/u/f35/14/85/06/89/minico10.gif" border="0" alt="Image hébergée par servimg.com" /><br/>Livre d'or du Ring Fanasia<br/><br/>
<table width="100%" height="100%" class="encadre1"><tr><td valign="top" width="100%">

<center><br/><b><font size="2">L'Edito de Fanasia</font></b></center><hr class="td">
Texte de l'édito

<br/></td></tr></table></td><td rowspan="3" width="5%"></td></tr></table></UL>
<UL><center><img src="http://i35.servimg.com/u/f35/14/85/06/89/minifa11.jpg" border="0" alt="Fanasia paradise forum" /><br/>Actualités de Fanasia Paradise : Forum sur les pays d'Asie et leurs cultures.</center><br/>
<table width="100%"><tr><td rowspan="3" width="45%" border="1" align="left" valign="top"><img src="http://i63.servimg.com/u/f63/15/43/05/04/fp_hiv10.jpg" border="0" alt="Fanasia Paradise" /></td><td width="25%" border="1" valign="top" class="encadre1">

<br/><b><font size="2">Japon</font></b><hr class="td">
- Sujets du Japon<br/>

</td><td width="25%" border="1" valign="top" class="encadre1">

</br><b><font size="2">Thaïlande</font></b><hr class="td">
- Sujets de la Thailande<br/>

</td><td rowspan="3" width="5%"></td></tr></table></UL>
<UL><center><img src="http://i35.servimg.com/u/f35/14/85/06/89/minidr10.jpg" border="0" alt="Drama Lovers"/><br/>
Actualités de Drama Lovers : Forum sur les drama, les films et la musique asiatiques</center><br/><br/><center><table width="100%"><tr>
<td width="45%" border="1" align="left" valign="top"><img src="http://i33.servimg.com/u/f33/15/43/05/04/dlnouv10.jpg" border="0" alt="Drama Lovers" /></td>
<td width="50%" border="1" valign="top"><center><table width="100%" cellspacing="20"><tr><td width="50%" border="1" align="center" valign="middle" class="encadre2">

Sujet 1

</td><td width="50%" border="1" align="center" valign="middle" class="encadre2">

Sujet 2

</td></tr></table><table width="50%" cellspacing="20"><tr><td width="50%" border="1" align="center" valign="middle" class="encadre2">

Sujet 3

</td></tr></table></center></td><td width="5%"></td></tr></table></center></UL>
<UL><center><img src="http://i65.servimg.com/u/f65/14/85/06/89/minima10.jpg" border="0" alt="Manga Lovers"/><br/>
Actualités de Manga Lovers : Forum sur les mangas et les animés.</center><br/><br/><center><table width="100%"><tr>
<td width="45%" border="1" align="left" valign="top"><img src="http://i65.servimg.com/u/f65/14/85/06/89/mlnorm10.jpg" border="0" alt="Image hébergée par servimg.com" /></td>
<td width="50%" border="1" valign="top"><center><table width="100%" cellspacing="20"><tr><td width="50%" border="1" align="center" valign="middle" class="encadre2">

Sujet 1

</td><td width="50%" border="1" align="center" valign="middle" class="encadre2">

Sujet 2

</td></tr><tr><td width="50%" border="1" align="center" valign="middle" class="encadre2">

Sujet 3

</td><td width="50%" border="1" align="center" valign="middle" class="encadre2">

Sujet 4

</td></tr></table></center></td><td width="5%"></td></tr></table></center></UL>
     
<UL><center><img src="http://i33.servimg.com/u/f33/15/43/05/04/minifa10.jpg" border="0" alt="Fanasia creations" /><br/>
Actualités de Fanasia Creations : Pour toutes les créations de fans à travers le monde.</center><br/><table width="100%"><tr>
<td width="45%" border="1" align="left" valign="top"><img src="http://i63.servimg.com/u/f63/15/43/05/04/fc_hiv10.jpg" border="0" alt="Fanasia créations" /><br/><br/></td><td width="50%" valign="top" class="encadre1">

<br/><b><font size="2">Fanfics</font></b> : <hr class="td">
- Liste fanfics

<br/></td><td rowspan="2" width="5%"></td></tr><tr><td width="45%" valign=top class="encadre1">

<br/><b><font size="2">Vidéos</font></b> : <hr class="td">
- Liste vidéo

<br/></td><td width="50%" valign="top" class="encadre1">

<br/><b><font size="2">Créations graphiques</font></b> : <hr class="td">
<table width="100%"><tr><td>
- Liste 1
<br/></td><td>
- Liste 2
<br/></td><td>
- Liste 3

<br/></td></tr></table></td></tr></table></UL></DIV></DIV></DIV>

Voici le nouveau code, mais les catégories sont toujours espacées

[SoraNoHime]

Up

[ge80]

Désolé : je vous avez oublié.

Si je teste votre code, j'ai un affichage bizarre.
Pouvez vous me donner une image de ce que vous visualisez ?
Votre tableau en entier.

J'aurai une idée de la disposition.

[SoraNoHime]

regardez sur le lien dans mon profil, vous aurez le résultat. Je vous envoie aussi le script à rajouter dans le template over header si vous désirez tester.

Edit : MP envoyé

[ge80]

OK, Car le script peut avoir un effet sur votre forum.

[SoraNoHime]

c'est fait ^^ MP envoyé

[ge80]

Reçu

Je m'y attache demain matin avec la tête "fraiche"

Edit :

J'ai testé :et votre tableau ne déforme rien par contre les cellules ne sont pas alignées correctement.

Un défaut de CSS.

J'étudierai plus tard le détail de votre codage.

L'élargissement de vos catégories doit être provoqué par un conflit avec un autre script ou tout simplement par le calcul suivant

115 px (cellule) x 6 (nb de cellules) doit être inférieur à la largeur de votre zone message moins les marges !
.

[SoraNoHime]

Up

Par contre je viens seulement de voir votre edit donc je vais voir ce que je peux faire ^^

[ge80]

Quelle est la largeur en pixel de votre forum (ou en %) ?
Ou est ce visible sur votre forum ?

[SoraNoHime]

Bonsoir,

La taille est de 86%, vous pouvez le voir dans mon lien sur mon profil, j'y ai mis mon forum test pour régler ce problème. Et le tableau se place dans affichage > généralités

Edit : je viens d'aller voir ce que ça donne sous fox c'est une horreur

[ge80]

je viens de regarder et pas de déformation pou moi
Pouvez-vous faire une image de votre visualisation ?

[SoraNoHime]

Alors j'ai scanné le tout ^^

Voilà comment on devrai voir les titres des catégories



(N.B. J'ai fait ce scan en enlevant le tableau dans généralités mais pas le script dans le template)

Voici ce que je vois sur IE, est entouré en vert ce qui ne va pas



Et voici ce que je vois sous fox



Et sous fox vous pouvez constater que le vert ce multiplie, la plupart de mes tableaux, interne au tableau dynamique, n'ayant plus la bonne forme ou emplacement.

[ge80]

Je n'ai pas du tout ce rendu sur mon forum de test !

IL faut que je réfléchisse mais

[SoraNoHime]

Bonne nuit ^^

Je vais tenter d'y travailler de mon coté.

[Scoubifitz]

bonjour,

le tabloid fait 800 px
l'image catégorie fait 615 px
l'image der-sujets fait 158 px ...

800 - (615+158) = 27 pixels de vide ...

ça peut aider ?

[SoraNoHime]

Code:

/*Tableau dynamique*/
.tabbed_content {
  WIDTH: 770px
}
.tabs {
  background-color: #6f1716;
                POSITION: relative;
  HEIGHT: 62px
}
.tabs .moving_bg {
  BACKGROUND-IMAGE: url(http://i38.servimg.com/u/f38/14/98/49/11/onglet10.gif);
  POSITION: absolute;
  PADDING-BOTTOM: 29px;
  BACKGROUND-COLOR: #6f1716;
  PADDING-LEFT: 10px;
  WIDTH: 113px;
  PADDING-RIGHT: 10px;
  BACKGROUND-REPEAT: no-repeat;
  BACKGROUND-POSITION: center bottom;
  PADDING-TOP: 15px;
  LEFT: 0px
}
.tabs .tab_item {
  POSITION: relative;
  TEXT-ALIGN: center;
  PADDING-BOTTOM: 15px;
  PADDING-LEFT: 10px;
  WIDTH: 108px;
  PADDING-RIGHT: 10px;
  DISPLAY: block;
  FLOAT: left;
  PADDING-TOP: 15px
}
.tabbed_content .slide_content {
  POSITION: relative;
  PADDING-BOTTOM: 20px;
  PADDING-LEFT: 20px;
  WIDTH: 740px;
  PADDING-RIGHT: 20px;
  OVERFLOW: hidden;
  PADDING-TOP: 7px
}
.tabslider {
  WIDTH: 4620px
}
.tabslider UL {
  PADDING-BOTTOM: 0px;
  MARGIN: 0px 20px 0px 0px;
  PADDING-LEFT: 0px;
  WIDTH: 730px;
  PADDING-RIGHT: 0px;
  FLOAT: left;
  PADDING-TOP: 0px
}
.encadre1 {
  TEXT-ALIGN: center;
  FONT-FAMILY: Amazone BT;
  COLOR: #000000;
  FONT-SIZE: 11px;
  BACKGROUND-COLOR: #f5dcdc;
  LINE-HEIGHT: 12px;
  DISPLAY: block;
  FLOAT: center;
  LETTER-SPACING: 0px;
                padding:0 10px;
  border:2px solid #6f1716;
}
.encadre2 {
  TEXT-ALIGN: center;
  FONT-FAMILY: Amazone BT;
  COLOR: #000000;
  FONT-SIZE: 14px;
  BACKGROUND-COLOR: #f5dcdc;
  LINE-HEIGHT: 12px;
  DISPLAY: block;
  FLOAT: center;
  LETTER-SPACING: 0px;
                padding:0 10px;
  border:4px solid #6f1716;
}
hr.td {
COLOR: #6f1716;
background-color: #6f1716;
height: 1px;
border: 0;
}   

Voici ma nouvelle css avec un taleau à 770 mais ça ne fonctionne pas, le problème persiste

[Scoubifitz]

bonsoir,

avez vous essayé avec une largeur de forum fixe ?

780 pixels , par exemple ... (mettre 780 au lieu de 86%)

[SoraNoHime]

Je viens de le faire... Les images ne sont toujours pas cote à cote

Sinon j'ai essayé de descendre mon tableau à 750 tout à l'heure, je retrouve mes images cote à cote

mes meme en réglant mon tableau comme il se doit, la dernière case du tableau se range en dessous de la 3ème, comme si elle était centrée.

sachant qu'à chaque réglage de taille je dois modifié dans ma css toutes les largeurs (subtile équilibre ^^)

ça donne à changer ceci qui change à chaque fois:

dans .tabbed_content > WIDTH: 770px (taille du tableau à l'écran)

dans .tabs .moving_bg > WIDTH: 113px (taille de la cellule de naviagation choisie celle où il y a l'image)

dans .tabs .tab_item > WIDTH: 108px (taille des cellules de navigation)

dans .tabbed_content .slide_content > WIDTH: 740px; (taille du contenu de chaque tableau)

dans .tabslider > WIDTH: 4620px (taille entière du tableau coulissant donc 6x la taille du tableau à l'écran)

dans .tabslider UL > WIDTH: 730px (insert du contenu de chaque tableau)

c'est là dessus que je planche surtout, mais je n'arrive pas à trouver ce mélange si subtile

[Scoubifitz]

et en jouant sur les padding left , padding right ?

[SoraNoHime]

déjà fait, j'ai meme essayé de les laisser sur 0 ou de les enlever

ça ne fonctionne pas

Ps : merci de jouer avec moi sur ce casse-tête ^^

[Scoubifitz]

quand je regarde avec un écran de 1024x768 , voilà ce que je vois ...

[SoraNoHime]

oui c'est bien celà, mais regarder les barres avec la feuille d'automne et les livres

à l'origine avant la mise en place de ce tableau, elles se touchaient. plus maintenant, d'où le problème.

[Scoubifitz]

le cadre de l'image en 1024x768 fait 780 pixels de large ...
je n'arrive pas à "l'écraser" plus en réduisant la fenêtre ...

à essayer en 770 sans les padding :

.slide_content {
POSITION: relative;
PADDING-BOTTOM: 20px;
PADDING-LEFT: 20px;
WIDTH: 740px;
PADDING-RIGHT: 20px;
OVERFLOW: hidden;
PADDING-TOP: 7px
}

[SoraNoHime]

après essaie, c'est pas mal.

les images se sont rapprochées.

Voulez-vous par MP les templates qui vous manquent pour faire fonctionner le tableau et faire des essais directement de votre coté ?

Edit : après vérification, il reste 7 px de décalage. je vais tenter le tab en 760

[ge80]

Voulez-vous par MP les templates qui vous manquent

Je vois que le problème a bien avancé.

Mais vous parlez de templates modifiés ( un ou plusieurs ? Je n'ai l'info que pour un )

[SoraNoHime]

oui je proposais de fournir le template des images dans le titre du forum aussi. celles qui me posent problèmes, puisqu'elles sont en corrélation

je peux aussi vous les fournir ge80.

Edit : j'ai enfin réussi en paramétrant en 760. Merci beaucoup pour votre aide ge80 et Scoubifitz

Bonne journée à vous. Cordialement.