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

Page 1 sur 2 1, 2  Suivant

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

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

Message par SoraNoHime le Mar 25 Jan 2011 - 21:41

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


Dernière édition par macema le Dim 30 Jan 2011 - 11:35, édité 1 fois

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

Résolu Re: Taille de catégorie élargie à cause d'un script

Message par ge80 le Mar 25 Jan 2011 - 21:50

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 Wink


ge80
+ Hyperactif +

Masculin
Messages : 16158
Inscrit(e) le : 08/10/2006

http://tsi80.pro-forums.fr/
ge80 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Taille de catégorie élargie à cause d'un script

Message par SoraNoHime le Mar 25 Jan 2011 - 21:59

Merci ge80...

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

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

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: Taille de catégorie élargie à cause d'un script

Message par ge80 le Mar 25 Jan 2011 - 22:02

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 Wink

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

ge80
+ Hyperactif +

Masculin
Messages : 16158
Inscrit(e) le : 08/10/2006

http://tsi80.pro-forums.fr/
ge80 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Taille de catégorie élargie à cause d'un script

Message par SoraNoHime le Mar 25 Jan 2011 - 22:14

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
+ 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: Taille de catégorie élargie à cause d'un script

Message par SoraNoHime le Mer 26 Jan 2011 - 23:15

Up Tssss

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: Taille de catégorie élargie à cause d'un script

Message par ge80 le Mer 26 Jan 2011 - 23:21

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.

ge80
+ Hyperactif +

Masculin
Messages : 16158
Inscrit(e) le : 08/10/2006

http://tsi80.pro-forums.fr/
ge80 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Taille de catégorie élargie à cause d'un script

Message par SoraNoHime le Mer 26 Jan 2011 - 23:23

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é


Dernière édition par macema le Mer 26 Jan 2011 - 23:32, édité 1 fois

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: Taille de catégorie élargie à cause d'un script

Message par ge80 le Mer 26 Jan 2011 - 23:28

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

ge80
+ Hyperactif +

Masculin
Messages : 16158
Inscrit(e) le : 08/10/2006

http://tsi80.pro-forums.fr/
ge80 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Taille de catégorie élargie à cause d'un script

Message par SoraNoHime le Mer 26 Jan 2011 - 23:33

c'est fait ^^ MP envoyé

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: Taille de catégorie élargie à cause d'un script

Message par ge80 le Mer 26 Jan 2011 - 23:38

Reçu

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

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



ge80
+ Hyperactif +

Masculin
Messages : 16158
Inscrit(e) le : 08/10/2006

http://tsi80.pro-forums.fr/
ge80 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Taille de catégorie élargie à cause d'un script

Message par SoraNoHime le Ven 28 Jan 2011 - 21:47

Up

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

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: Taille de catégorie élargie à cause d'un script

Message par ge80 le Ven 28 Jan 2011 - 22:32

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

ge80
+ Hyperactif +

Masculin
Messages : 16158
Inscrit(e) le : 08/10/2006

http://tsi80.pro-forums.fr/
ge80 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Taille de catégorie élargie à cause d'un script

Message par SoraNoHime le Ven 28 Jan 2011 - 22:43

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 Snifff

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: Taille de catégorie élargie à cause d'un script

Message par ge80 le Ven 28 Jan 2011 - 22:52

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

ge80
+ Hyperactif +

Masculin
Messages : 16158
Inscrit(e) le : 08/10/2006

http://tsi80.pro-forums.fr/
ge80 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Taille de catégorie élargie à cause d'un script

Message par SoraNoHime le Ven 28 Jan 2011 - 23:14

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.


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: Taille de catégorie élargie à cause d'un script

Message par ge80 le Ven 28 Jan 2011 - 23:30

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

IL faut que je réfléchisse mais I don't want that

ge80
+ Hyperactif +

Masculin
Messages : 16158
Inscrit(e) le : 08/10/2006

http://tsi80.pro-forums.fr/
ge80 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Taille de catégorie élargie à cause d'un script

Message par SoraNoHime le Ven 28 Jan 2011 - 23:31

Bonne nuit ^^

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

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

Résolu Re: Taille de catégorie élargie à cause d'un script

Message par Scoubifitz le Sam 29 Jan 2011 - 9:20

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 ?

Scoubifitz
+ Hyperactif +

Masculin
Messages : 3539
Inscrit(e) le : 18/03/2008

http://scoubidous.superforum.fr/
Scoubifitz a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Taille de catégorie élargie à cause d'un script

Message par SoraNoHime le Sam 29 Jan 2011 - 18:18

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

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: Taille de catégorie élargie à cause d'un script

Message par Scoubifitz le Sam 29 Jan 2011 - 23:15

bonsoir,

avez vous essayé avec une largeur de forum fixe ?

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

Scoubifitz
+ Hyperactif +

Masculin
Messages : 3539
Inscrit(e) le : 18/03/2008

http://scoubidous.superforum.fr/
Scoubifitz a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Taille de catégorie élargie à cause d'un script

Message par SoraNoHime le Sam 29 Jan 2011 - 23:26

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 Snifff

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

Résolu Re: Taille de catégorie élargie à cause d'un script

Message par Scoubifitz le Sam 29 Jan 2011 - 23:50

et en jouant sur les padding left , padding right ?

Scoubifitz
+ Hyperactif +

Masculin
Messages : 3539
Inscrit(e) le : 18/03/2008

http://scoubidous.superforum.fr/
Scoubifitz a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Taille de catégorie élargie à cause d'un script

Message par SoraNoHime le Sam 29 Jan 2011 - 23:52

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

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: Taille de catégorie élargie à cause d'un script

Message par Scoubifitz le Dim 30 Jan 2011 - 0:11

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



Scoubifitz
+ Hyperactif +

Masculin
Messages : 3539
Inscrit(e) le : 18/03/2008

http://scoubidous.superforum.fr/
Scoubifitz a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Taille de catégorie élargie à cause d'un script

Message par SoraNoHime le Dim 30 Jan 2011 - 0:33

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.

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

Résolu Re: Taille de catégorie élargie à cause d'un script

Message par Scoubifitz le Dim 30 Jan 2011 - 10:30

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
}

Scoubifitz
+ Hyperactif +

Masculin
Messages : 3539
Inscrit(e) le : 18/03/2008

http://scoubidous.superforum.fr/
Scoubifitz a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Taille de catégorie élargie à cause d'un script

Message par SoraNoHime le Dim 30 Jan 2011 - 10:48

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

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: Taille de catégorie élargie à cause d'un script

Message par ge80 le Dim 30 Jan 2011 - 11:12

macema a écrit: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 Wink )


ge80
+ Hyperactif +

Masculin
Messages : 16158
Inscrit(e) le : 08/10/2006

http://tsi80.pro-forums.fr/
ge80 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Taille de catégorie élargie à cause d'un script

Message par SoraNoHime le Dim 30 Jan 2011 - 11:16

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.

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.

Page 1 sur 2 1, 2  Suivant

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