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

[SoraNoHime]

Rappel du premier message :

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]

Ok je reprends le fil sur l'autre sujet.