Sujets similaires

Bonjour, Bonsoir,

J'ai un problème avec la PA à Onglet que j'ai installé sur mon forum : http://es-world.forumactif.com . Ce n'est presque rien, mais moi ça me dérange, je l'avoue. Je l'ai installée grâce au tutoriel de ce forum : http://www.css-actif.com/t4747-organisation-par-onglet

Alors le problème que j'ai, c'est que premièrement, j'ai deux marge sur le côté de mon image de fond de ma PA. J'aimerais les enlever et modifier la largeur du forum ne change rien pour cela. Elle est à 800px de largeur, tout comme la largeur de l'image. Et je ne comprends pas pourquoi j'ai ces marges alors que sur mon forum test, elles n'y sont pas.

Screen du forum où elle sera installée :
https://2img.net/h/oi56.tinypic.com/16k25u0.png

Screen du forum test :
https://2img.net/h/oi52.tinypic.com/2wp88j8.png

Deuxièmement, vous avez pu voir sur ces capture d'écran que la PA mange un peu l'image du fond. J'aimerais donc la décaler vers la droite, mais je ne sais pas comment faire.

Voici mes codes CSS et PA :
La PA :

Code:: <div class="centre">
<table style="margin-top: 0px; margin-left: 235px; margin-right: 100px; margin-bottom: 145px;">
   <tr>
      <td>
         <center>
            <div class="systeme_onglets">
               <div class="onglets">
                  <span class="onglet_0 onglet" id="onglet_général" onclick="javascript:change_onglet('général');">
                     Général
                  </span>
                  <span class="onglet_0 onglet" id="onglet_histoire" onclick="javascript:change_onglet('histoire');">
                     Histoire
                  </span>
                  <span class="onglet_0 onglet" id="onglet_léquipe" onclick="javascript:change_onglet('léquipe');">
                     L'Equipe
                  </span>
                  <span class="onglet_0 onglet" id="onglet_nosamis" onclick="javascript:change_onglet('nosamis');">
                     Nos Amis
                  </span>
                  <span class="onglet_0 onglet" id="onglet_crédits" onclick="javascript:change_onglet('crédits');">
                     Crédits
                  </span>
                  <div class="contenu_onglets">
                     <div class="contenu_onglet" id="contenu_onglet_général">
                        <div class="bienvenue_general">
                           Pour commencer, je vous souhaite la Bienvenue


                           et vous remercie de l'intérêt que vous portez à notre beau forum.


                           Voici quelques infos qui pourront vous être utiles.


                           J'espère que vous passerez une très agréable moment parmi nous !




                           <table class="ccm" width="400">
                              <tr>
                                 <td>
                                    <div class="titre_general">
                                       Nouveautés
                                    </div>
                                    <marquee direction="up" scrollamount="2" height="60">
                                       <div class="info_general">
                                          blablabla
                                       </div>
                                    </marquee>
                                 </td>
                                 <td>
                                    <div class="titre_general">A Savoir
                                    </div>
                                    <div class="info_general">blablabla
blablabla
blablabla
                                    </div>
                                 </td>
                              </tr>
                           </table>
                        </div>
                     </div>
                     <div class="contenu_onglet" id="contenu_onglet_histoire">
                        <div class="titre_general">Ce qu'il faut savoir
                        </div>


                        <div class="detail_histoire">Les sables du temps, nul ne peut les arrêter. Les grains s'écoulent, les années passent, que nous le voulions ou non... et pourtant, les souvenirs restent. Ce que nous avons perdu se perpétue dans nos mémoires. Ce que vous allez lire est imparfait et incomplet. Néanmoins, lisez cette histoire, chérissez-la, car, sans vous, elle ne serait pas.
[...]
Alors qu'il chasse dans une chaîne de montagnes, la Crête, Eragon, un jeune paysan de quinze ans, a la surprise de voir tomber non loin de lui une grosse pierre bleue. Il la rapporte à la ferme où il vit avec son oncle, Garrow, et son cousin Roran. Garrow et sa femme, Marian - aujourd'hui décédée -, ont élevé le garçon. On ne sait rien de son père ; sa mère, Selena, la soeur de Garrow, n'a plus donné signe de vie depuis la naissance de l'enfant.
[...]
Aux dernières nouvelles pourtant, on aurait entendu dire que plusieurs oeufs de dragons auraient été disséminé dans toute l'Alagaësia par un Dragonnier, sur ordre de Vrael, par pure précaution et ce, avant même la fin de la bataille qui a vu la fin de la Caste des Dragonniers.
                        </div>
                     </div>
                     <div class="contenu_onglet" id="contenu_onglet_léquipe">
                        <div class="titre_general">Votre Staff
                        </div>

Ils sont là pour vous aider.
N'hésitez pas à leurs demander conseils.

                        <img src="http://i54.tinypic.com/2hyz03a.png" />
                        <img src="http://i54.tinypic.com/wt7xp5.png" />
                        <img src="http://i53.tinypic.com/v5d16p.png" />
                        <img src="http://i52.tinypic.com/vqruh3.png" />
                        <img src="http://i56.tinypic.com/29n8ec1.png" />

Nobody - Shaya - Echo A. Roncerouge - Daphné Lörender - Oromis
                     </div>
                     <div class="contenu_onglet" id="contenu_onglet_nosamis">
                        <div class="titre_general">Le Top Partenaire
                        </div>


                        <img src="http://i52.tinypic.com/2csdw7m.png" />
                        <img src="http://i52.tinypic.com/2csdw7m.png" />
                        <img src="http://i52.tinypic.com/2csdw7m.png" />
                        <img src="http://i52.tinypic.com/2csdw7m.png" />
                        <img src="http://i52.tinypic.com/2csdw7m.png" />


                        <img src="http://i52.tinypic.com/2csdw7m.png" />
                        <img src="http://i52.tinypic.com/2csdw7m.png" />
                        <img src="http://i52.tinypic.com/2csdw7m.png" />
                        <img src="http://i52.tinypic.com/2csdw7m.png" />
                        <img src="http://i52.tinypic.com/2csdw7m.png" />


                        <div class="titre_general">TopStie
                        </div>

                        <img src="http://i52.tinypic.com/2uhli8j.png" />
                        <img src="http://i52.tinypic.com/2uhli8j.png" />
                        <img src="http://i52.tinypic.com/2uhli8j.png" />
                        <img src="http://i52.tinypic.com/2uhli8j.png" />
                        <img src="http://i52.tinypic.com/2uhli8j.png" />
                     </div>
                     <div class="contenu_onglet" id="contenu_onglet_crédits">
                        <div class="titre_general">Nous Remercions
                        </div>
Le
                        <a href="http://es-world.forumactif.com/t3-staff">Staff
                        </a> pour tout son travail afin de créer de forum

                        <a href="http://www.css-actif.com">CSS-Actif
                        </a>, source des codes CSS & Templates

                        <a href="lien du site">GxS / PxS
                        </a> et plus spécialement ... pour le design
                     </div>
                  </div>
               </div>
            </div>
         </center>
      </td>
   </tr>
</table>
</div>
<script type="text/javascript">
//
</script>

Et le CSS concernant la PA Onglet :

Code:: .onglet
{
display:inline-block;
margin-left:3px;
margin-right:3px;
padding:3px;
border:1px solid black;
cursor:pointer;
}
.onglet_0
{
background:#bbbbbb;
border-bottom:1px solid black;
}
.onglet_1
{
background:#dddddd;
border-bottom:0px solid black;
padding-bottom:4px;
}
.contenu_onglet
{
background-color:#dddddd;
border:1px solid black;
margin-top:-1px;
padding:5px;
display:none;
}

.centre {
background-image: url(http://i54.tinypic.com/nvxwzm.jpg);
background-repeat: no-repeat;
width: 800px;
height:468px;
}

.bienvenue_general {
font-family: alice in wonderland;
font-size: 14pt;
text-align:right;
}

.titre_general {
font-family: miama;
font-size: 25pt;
text-align: center;
font-weight: bold;
}

.info_general {
font-family: verdana;
font-size: 12pt;
font-weight: normal;
text-align: center;
}

.details_histoire {
font-family: verdana;
font-size: 10pt;
text-align: center;
}

Voilà, les navigateurs qui seront utilisés par les membres et moi-même seront principalement Mozilla et Google Chrome. Je n'ai ajouté aucun code avant celui-là. La version de mon forum est phpbb2.

Je pense que j'ai dit et mit tout ce qu'il fallait. S'il vous faut encore quelque chose, demandez-le. Je remercie d'avance tous ceux qui pourront m'aider à régler mon (mes) soucis.

A bientôt, Shay'

Salut

Bon, pour tasser ton tableau, tu dois changer la marge juste ici:

Code:: <div class="centre">
<table style="margin-top: 0px; margin-left: 235px; margin-right: 100px; margin-bottom: 145px;">

Le margin-left, tu rajoute des pixels, mais je dois dire que je ne comprend pas vraiment pourquoi tu as un margin-left et right. Généralement on met seulement l'un des deux pour ça, comme pour le bottom et top....

Pour ton image, tu as essayé l'enlever la propriété HEIGHT dans ton css (.centre)?
En fait, en général mettre des mesures là est un peu inutile, comme elles se prendront d'elle-même.

Essaie donc ceci:

Code:: .onglet
{
display:inline-block;
margin-left:3px;
margin-right:3px;
padding:3px;
border:1px solid black;
cursor:pointer;
}
.onglet_0
{
background:#bbbbbb;
border-bottom:1px solid black;
}
.onglet_1
{
background:#dddddd;
border-bottom:0px solid black;
padding-bottom:4px;
}
.contenu_onglet
{
background-color:#dddddd;
border:1px solid black;
margin-top:-1px;
padding:5px;
display:none;
}

.centre {
background-image: url(http://i54.tinypic.com/nvxwzm.jpg);
background-repeat: no-repeat;
}

.bienvenue_general {
font-family: alice in wonderland;
font-size: 14pt;
text-align:right;
}

.titre_general {
font-family: miama;
font-size: 25pt;
text-align: center;
font-weight: bold;
}

.info_general {
font-family: verdana;
font-size: 12pt;
font-weight: normal;
text-align: center;
}

.details_histoire {
font-family: verdana;
font-size: 10pt;
text-align: center;
}

J'ignore si ça fonctionnera, sinon on essayera de pousser plus loin!

Salut,

Déjà merci pour ta réponse. J'ai installé le CSS que tu m'as corrigé et voilà ce que ça donne ensuite :
https://2img.net/h/oi53.tinypic.com/insx1z.png

Je dois dire que je préférais avant ^^ avec l'image entière xD
Comment puis-je arranger cela ?

A bientôt Shay'

Désolée j'ai fait une erreur :O!

Bon en fait je viens de vérifier, et sur ton forum ton image a bien 800px de large mais ton forum en a 900. Donc remet ton CSS initiale et vérifie cela! Wink

Salut,

J'ai remis mon CSS que j'avais avant et bien remis 800px dans la configuration générale du forum, mais ça ne change rien. Voilà un screen pour bien montrer que c'est sur 800px :
https://2img.net/h/oi55.tinypic.com/sxhi4y.png Sérieusement, je vois pas pourquoi il me fait ça sur ce forum et pas sur le forum test.

A bientôt, Shay'

Ok, eh bien le problème vient probablement d'ailleurs, car j'ai bien beau remesurer, le forum que tu m'as donné initialement a 900 de largeur.

Je prendrais donc ton CSS au complet et ton template Index-body, car le problème vient peut-être du QEEL.

Merci!

Salut,

En effet, c'est possible (sachant que l'image actuelle ne restera pas ^^)

Voici mon CSS Complet :

Code:: /*--- PA à Onglet ---*/
.onglet
{
display:inline-block;
margin-left:3px;
margin-right:3px;
padding:3px;
border:1px solid black;
cursor:pointer;
}
.onglet_0
{
background:#bbbbbb;
border-bottom:1px solid black;
}
.onglet_1
{
background:#dddddd;
border-bottom:0px solid black;
padding-bottom:4px;
}
.contenu_onglet
{
background-color:#dddddd;
border:1px solid black;
margin-top:-1px;
padding:5px;
display:none;
}

.centre {
background-image: url(http://i54.tinypic.com/nvxwzm.jpg);
background-repeat: no-repeat;
height: 468px;
width: 800px;
}

.bienvenue_general {
font-family: alice in wonderland;
font-size: 14pt;
text-align:right;
}

.titre_general {
font-family: miama;
font-size: 25pt;
text-align: center;
font-weight: bold;
}

.info_general {
font-family: verdana;
font-size: 12pt;
font-weight: normal;
text-align: center;
}

.details_histoire {
font-family: verdana;
font-size: 10pt;
text-align: center;
}

/*--- Bannière de Fond ---*/
body { background-attachment: no-fixed; background-repeat: no-repeat; background-position: top center;}

/*---Présentation du Staff---*/
a.imginfo {
border-bottom:0 solid #couleur;
color:#couleur;
position:relative;
text-decoration:none;
}
a.imginfo span {
display:none;
}
a.imginfo:hover {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
-webkit-background-clip:border;
-webkit-background-inline-policy:continuous;
-webkit-background-origin:padding;
background:transparent none repeat scroll 0 0;
cursor:help;
z-index: 999;
}
a.imginfo:hover span {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
-webkit-background-clip:border;
-webkit-background-inline-policy:continuous;
-webkit-background-origin:padding;
background:white none repeat scroll 0 0;
border-color:#c7d9e6;
border-style:solid;
border-width:3px 3px 5px 5px;
display:inline;
left:20px;
padding:3px;
position:absolute;
top:15px;
white-space:nowrap;
}

/*--- Qui Est En Ligne Personnalisé ---*/
.statistiques {
border:0px;
background-image: url("http://i53.tinypic.com/2it0vok.png");
background-repeat: no-repeat;
background-position: center;
height:270px;}

.groupes{
background-color: #ffffff ; border: 1px #D0D0D0 dotted;
-moz-border-radius : 5px 5px 5px 5px;
-webkit-border-radius : 5px 5px 5px 5px;
height:40px;padding-right:12px;padding-left:14px;padding-bottom:3px;
font-size:15px;font-weight: bold;text-align:center;
text-decoration: none !important;
}

/*--- Avatar centré ---*/
.postdetails.poster-profile a img {
margin: auto;
display: block;
margin-bottom: -10px;
}

/*--- Opacité de l'avatar ---*/
a img{
opacity: 0.5;
}

a img:hover {
opacity: 1;
}

/*--- Retirement du soulignement des liens ---*/

a:hover {
text-decoration: none !important;
}

/*--- Lien en petite majuscules ---*/
a {
font-variant: small-caps;
}

/*--- Effet de sous-forums ---*/
.vignettes {
-moz-border-radius:7px;
-webkit-border-radius:7px;
background-color: #ffffff;
padding-right:10px;
padding-left:10px;
padding-bottom: 3px;
padding-top:3px;}

/*--- Justification auto d'un message ---*/
.postbody {
display: block;
text-align:justify;
padding-left: 10px;
padding-right: 10px;
}

Et mon Template index_body :

Code:: {JAVASCRIPT}

<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">

<tr>
   <td class="catHead" height="28"><span class="cattitle">{message_admin_index.message_admin_titre.MES_TITRE}</span></td>
</tr>


<tr>
   <td class="row1" rowspan="3" align="center" valign="middle">
   <div class="gensmall">{message_admin_index.message_admin_txt.MES_TXT}</div>
   </td>
</tr>

</table>



<form action="{S_LOGIN_ACTION}" method="post" name="form_login">

<table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
   <tr>
      <td class="row1" align="center">
         <table border="0" cellspacing="0" cellpadding="0">
            <tr>
               <td><span class="genmed">{L_USERNAME}:</span> </td>
               <td><input class="post" type="text" size="10" name="username"/> </td>
               <td>
                  <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                  <span class="gensmall">{L_AUTO_LOGIN}</span>
               </td>
            </tr>

            <tr>
               <td><span class="genmed">{L_PASSWORD}:</span> </td>
               <td><input class="post" type="password" size="10" name="password"/> </td>
               <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
            </tr>
         </table>
      </td>
   </tr>
</table>



<table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
   <tr>
      <td valign="top" width="100%" class="row1" align="center">
         <table width="100%">
            <tr>
               <td width="55%" valign="middle" align="right">
                  <table class="right">
                     <tr>
                        <td><span class="genmed">{L_USERNAME}:</span> </td>
                        <td><input class="post" type="text" size="10" name="username"/> </td>
                        <td>
                           <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                           <span class="gensmall">{L_AUTO_LOGIN}</span>
                        </td>
                     </tr>

                     <tr>
                        <td><span class="genmed">{L_PASSWORD}:</span> </td>
                        <td><input class="post" type="password" size="10" name="password"/> </td>
                        <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
                     </tr>
                  </table>
               </td>
               <td width="10%" align="center" valign="middle">
                  <span class="genmed fb_or">{switch_user_login_form_header.switch_fb_connect.L_OR}</span>
               </td>
               <td width="35%" class="align_gauche"><fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" v="2" perms="{switch_user_login_form_header.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_header.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button></td>
            </tr>
         </table>
      </td>
   </tr>
</table>

</form>


{CHATBOX_TOP}
{BOARD_INDEX}
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
   <td width="50%" valign="top">
      
      <span class="gensmall"><a href="{U_MARK_READ}" class="gensmall">{L_MARK_FORUMS_READ}</a>
      
      
      <br /><a href="{switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall">{switch_delete_cookies.L_DELETE_COOKIES}</a>
      
      </span>
   </td>
   <td width="50%" align="right">
      <span class="gensmall">
         <a href="{U_TODAY_ACTIVE}" class="gensmall">{L_TODAY_ACTIVE}</a><br />
         <a href="{U_TODAY_POSTERS}" class="gensmall">{L_TODAY_POSTERS}</a><br />
         <a href="{U_OVERALL_POSTERS}" class="gensmall">{L_OVERALL_POSTERS}</a>
         
            
            <br /><a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a>
            
         
      </span>
   </td>
</tr>
</table>


<form action="{S_LOGIN_ACTION}" method="post" name="form_login">

<table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
   <tr>
      <td class="row1" align="center">
         <table border="0" cellspacing="0" cellpadding="0">
            <tr>
               <td><span class="genmed">{L_USERNAME}:</span> </td>
               <td><input class="post" type="text" size="10" name="username"/> </td>
               <td>
                  <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                  <span class="gensmall">{L_AUTO_LOGIN}</span>
               </td>
            </tr>

            <tr>
               <td><span class="genmed">{L_PASSWORD}:</span> </td>
               <td><input class="post" type="password" size="10" name="password"/> </td>
               <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
            </tr>
         </table>
      </td>
   </tr>
</table>



<table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
   <tr>
      <td valign="top" width="100%" class="row1" align="center">
         <table width="100%">
            <tr>
               <td width="55%" valign="middle">
                  <table class="right">
                     <tr>
                        <td><span class="genmed">{L_USERNAME}:</span> </td>
                        <td><input class="post" type="text" size="10" name="username"/> </td>
                        <td>
                           <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                           <span class="gensmall">{L_AUTO_LOGIN}</span>
                        </td>
                     </tr>

                     <tr>
                        <td><span class="genmed">{L_PASSWORD}:</span> </td>
                        <td><input class="post" type="password" size="10" name="password"/> </td>
                        <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
                     </tr>
                  </table>
               </td>
               <td width="10%" align="center" valign="middle">
                  <span class="genmed fb_or">{switch_user_login_form_footer.switch_fb_connect.L_OR}</span>
               </td>
               <td width="35%" class="align_gauche"><fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" v="2" perms="{switch_user_login_form_footer.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_footer.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button></td>
            </tr>
         </table>
      </td>
   </tr>
</table>

</form>



<table cellspacing="2" cellpadding="2" width="900" border="0" class="statistiques">
<tr>
<td width="15%"></td>
<td width="50%">
<br><br><br><br><br><br><br><center>
<span class="groupes"> <a href="http://es-world.forumactif.com/g3-dragonniers"><font color="#8067a1" size="2"><b>Les Dragonniers</b></font></a></span> <img src="http://i31.tinypic.com/mugck1.jpg">
<span class="groupes"><a href="http://es-world.forumactif.com/g6-dragons"><font color="#6d7ed1" size="2"><b>Les Dragons</b></font></a> </span> <img src="http://i31.tinypic.com/mugck1.jpg"><br><br>
<span class="groupes"> <a href="http://es-world.forumactif.com/g12-demi-elfes"><font color="#59915b" size="2"><b>Les Demi-Elfes</b></font></a></span> <img src="http://i31.tinypic.com/mugck1.jpg">
<span class="groupes"> <a href="http://es-world.forumactif.com/g4-humains"><font color="#b37700" size="2"><b>Les Humains</b></font></a> </span> <img src="http://i31.tinypic.com/mugck1.jpg">
<span class="groupes"> <a href="http://es-world.forumactif.com/g5-elfes"><font color="#346921" size="2"><b>Les Elfes</b></font></a> </span> <img src="http://i31.tinypic.com/mugck1.jpg"><br><br>
<span class="groupes"> <a href="http://es-world.forumactif.com/g10-nains"><font color="#6b440a" size="2"><b>Les Nains</b></font></a> </span> <img src="http://i31.tinypic.com/mugck1.jpg">
<span class="groupes"> <a href="http://es-world.forumactif.com/g7-ombres"><font color="#6b0e0e" size="2"><b>Les Ombres</b></font></a> </span> <img src="http://i31.tinypic.com/mugck1.jpg">
<span class="groupes"> <a href="http://es-world.forumactif.com/g8-urgals"><font color="#8f7c67" size="2"><b>Les Urgals</b></font></a> </span> <img src="http://i31.tinypic.com/mugck1.jpg"><br><br>
<span class="groupes"> <a href="http://es-world.forumactif.com/g9-vardens"><font color="#917633" size="2"><b>Les Vardens</b></font></a> </span> <img src="http://i31.tinypic.com/mugck1.jpg">
<span class="groupes"> <a href="http://es-world.forumactif.com/g11-empire"><font color="#870303" size="2"><b>L'Empire</b></font></a> </span> <img src="http://i31.tinypic.com/mugck1.jpg">
<span class="groupes"> <a href="http://es-world.forumactif.com/g13-surda"><font color="#00477d" size="2"><b>Le Surda</b></font></a> </span> <img src="http://i31.tinypic.com/mugck1.jpg"><br><br>
<span class="groupes"> <a href="http://es-world.forumactif.com/g15-pnj"><font color="#9c9797" size="2"><b>Les PNJ</b></font></a> </span><br><br>
<span class="gensmall">{TOTAL_POSTS}. {TOTAL_USERS}<br />
{NEWEST_USER}<br><br>
{TOTAL_USERS_ONLINE}<br>
{LOGGED_IN_USER_LIST}</center></span><br>
<td width="5%"></td>
</tr>
</table>

<table border="0" cellspacing="3" cellpadding="0" width="700" align="center" style="text-align: justify">
{L_CONNECTED_MEMBERS}</table>
<br>
{CHATBOX_BOTTOM}
<br clear="all" />

<table border="0" cellspacing="3" cellpadding="0" align="center">
<tr>
   <td align="center" width="20"><img src="{FORUM_NEW_IMG}" alt="{L_NEW_POSTS}" /></td>
   <td><span class="gensmall">{L_NEW_POSTS}</span></td>
   <td></td>
   <td align="center" width="20"><img src="{FORUM_IMG}" alt="{L_NO_NEW_POSTS}" /></td>
   <td><span class="gensmall">{L_NO_NEW_POSTS}</span></td>
   <td>  </td>
   <td align="center" width="20"><img src="{FORUM_LOCKED_IMG}" alt="{L_FORUM_LOCKED}" /></td>
   <td><span class="gensmall">{L_FORUM_LOCKED}</span></td>
</tr>
</table>


{AUTO_DST}


<div id="fb-root"></div>
<script type="text/javascript">
//<![CDATA[
FB.init({
appId: '{switch_fb_index_login.FACEBOOK_APP_ID}',
status: true,
cookie: true,
xfbml: true
});
//]]>
</script>

Merci et à bientôt, Shay'

C'est bon je l'ai !

Code:: {JAVASCRIPT}

<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">

<tr>
<td class="catHead" height="28"><span class="cattitle">{message_admin_index.message_admin_titre.MES_TITRE}</span></td>
</tr>


<tr>
<td class="row1" rowspan="3" align="center" valign="middle">
<div class="gensmall">{message_admin_index.message_admin_txt.MES_TXT}</div>
</td>
</tr>

</table>



<form action="{S_LOGIN_ACTION}" method="post" name="form_login">

<table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
<tr>
<td class="row1" align="center">
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td><span class="genmed">{L_USERNAME}:</span> </td>
<td><input class="post" type="text" size="10" name="username"/> </td>
<td>
<input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
<span class="gensmall">{L_AUTO_LOGIN}</span>
</td>
</tr>

<tr>
<td><span class="genmed">{L_PASSWORD}:</span> </td>
<td><input class="post" type="password" size="10" name="password"/> </td>
<td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
</tr>
</table>
</td>
</tr>
</table>



<table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
<tr>
<td valign="top" width="100%" class="row1" align="center">
<table width="100%">
<tr>
<td width="55%" valign="middle" align="right">
<table class="right">
<tr>
<td><span class="genmed">{L_USERNAME}:</span> </td>
<td><input class="post" type="text" size="10" name="username"/> </td>
<td>
<input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
<span class="gensmall">{L_AUTO_LOGIN}</span>
</td>
</tr>

<tr>
<td><span class="genmed">{L_PASSWORD}:</span> </td>
<td><input class="post" type="password" size="10" name="password"/> </td>
<td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
</tr>
</table>
</td>
<td width="10%" align="center" valign="middle">
<span class="genmed fb_or">{switch_user_login_form_header.switch_fb_connect.L_OR}</span>
</td>
<td width="35%" class="align_gauche"><fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" v="2" perms="{switch_user_login_form_header.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_header.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button></td>
</tr>
</table>
</td>
</tr>
</table>

</form>


{CHATBOX_TOP}
{BOARD_INDEX}
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="50%" valign="top">

<span class="gensmall"><a href="{U_MARK_READ}" class="gensmall">{L_MARK_FORUMS_READ}</a>


<br /><a href="{switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall">{switch_delete_cookies.L_DELETE_COOKIES}</a>

</span>
</td>
<td width="50%" align="right">
<span class="gensmall">
<a href="{U_TODAY_ACTIVE}" class="gensmall">{L_TODAY_ACTIVE}</a><br />
<a href="{U_TODAY_POSTERS}" class="gensmall">{L_TODAY_POSTERS}</a><br />
<a href="{U_OVERALL_POSTERS}" class="gensmall">{L_OVERALL_POSTERS}</a>


<br /><a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a>


</span>
</td>
</tr>
</table>


<form action="{S_LOGIN_ACTION}" method="post" name="form_login">

<table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
<tr>
<td class="row1" align="center">
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td><span class="genmed">{L_USERNAME}:</span> </td>
<td><input class="post" type="text" size="10" name="username"/> </td>
<td>
<input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
<span class="gensmall">{L_AUTO_LOGIN}</span>
</td>
</tr>

<tr>
<td><span class="genmed">{L_PASSWORD}:</span> </td>
<td><input class="post" type="password" size="10" name="password"/> </td>
<td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
</tr>
</table>
</td>
</tr>
</table>



<table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
<tr>
<td valign="top" width="100%" class="row1" align="center">
<table width="100%">
<tr>
<td width="55%" valign="middle">
<table class="right">
<tr>
<td><span class="genmed">{L_USERNAME}:</span> </td>
<td><input class="post" type="text" size="10" name="username"/> </td>
<td>
<input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
<span class="gensmall">{L_AUTO_LOGIN}</span>
</td>
</tr>

<tr>
<td><span class="genmed">{L_PASSWORD}:</span> </td>
<td><input class="post" type="password" size="10" name="password"/> </td>
<td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
</tr>
</table>
</td>
<td width="10%" align="center" valign="middle">
<span class="genmed fb_or">{switch_user_login_form_footer.switch_fb_connect.L_OR}</span>
</td>
<td width="35%" class="align_gauche"><fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" v="2" perms="{switch_user_login_form_footer.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_footer.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button></td>
</tr>
</table>
</td>
</tr>
</table>

</form>



<table cellspacing="2" cellpadding="2" width="800" border="0" class="statistiques">
<tr>
<td width="15%"></td>
<td width="50%">
<br><br><br><br><br><br><br><center>
<span class="groupes"> <a href="http://es-world.forumactif.com/g3-dragonniers"><font color="#8067a1" size="2"><b>Les Dragonniers</b></font></a></span> <img src="http://i31.tinypic.com/mugck1.jpg">
<span class="groupes"><a href="http://es-world.forumactif.com/g6-dragons"><font color="#6d7ed1" size="2"><b>Les Dragons</b></font></a> </span> <img src="http://i31.tinypic.com/mugck1.jpg"><br><br>
<span class="groupes"> <a href="http://es-world.forumactif.com/g12-demi-elfes"><font color="#59915b" size="2"><b>Les Demi-Elfes</b></font></a></span> <img src="http://i31.tinypic.com/mugck1.jpg">
<span class="groupes"> <a href="http://es-world.forumactif.com/g4-humains"><font color="#b37700" size="2"><b>Les Humains</b></font></a> </span> <img src="http://i31.tinypic.com/mugck1.jpg">
<span class="groupes"> <a href="http://es-world.forumactif.com/g5-elfes"><font color="#346921" size="2"><b>Les Elfes</b></font></a> </span> <img src="http://i31.tinypic.com/mugck1.jpg"><br><br>
<span class="groupes"> <a href="http://es-world.forumactif.com/g10-nains"><font color="#6b440a" size="2"><b>Les Nains</b></font></a> </span> <img src="http://i31.tinypic.com/mugck1.jpg">
<span class="groupes"> <a href="http://es-world.forumactif.com/g7-ombres"><font color="#6b0e0e" size="2"><b>Les Ombres</b></font></a> </span> <img src="http://i31.tinypic.com/mugck1.jpg">
<span class="groupes"> <a href="http://es-world.forumactif.com/g8-urgals"><font color="#8f7c67" size="2"><b>Les Urgals</b></font></a> </span> <img src="http://i31.tinypic.com/mugck1.jpg"><br><br>
<span class="groupes"> <a href="http://es-world.forumactif.com/g9-vardens"><font color="#917633" size="2"><b>Les Vardens</b></font></a> </span> <img src="http://i31.tinypic.com/mugck1.jpg">
<span class="groupes"> <a href="http://es-world.forumactif.com/g11-empire"><font color="#870303" size="2"><b>L'Empire</b></font></a> </span> <img src="http://i31.tinypic.com/mugck1.jpg">
<span class="groupes"> <a href="http://es-world.forumactif.com/g13-surda"><font color="#00477d" size="2"><b>Le Surda</b></font></a> </span> <img src="http://i31.tinypic.com/mugck1.jpg"><br><br>
<span class="groupes"> <a href="http://es-world.forumactif.com/g15-pnj"><font color="#9c9797" size="2"><b>Les PNJ</b></font></a> </span><br><br>
<span class="gensmall">{TOTAL_POSTS}. {TOTAL_USERS}<br />
{NEWEST_USER}<br><br>
{TOTAL_USERS_ONLINE}<br>
{LOGGED_IN_USER_LIST}</center></span><br>
<td width="5%"></td>
</tr>
</table>

<table border="0" cellspacing="3" cellpadding="0" width="700" align="center" style="text-align: justify">
{L_CONNECTED_MEMBERS}</table>
<br>
{CHATBOX_BOTTOM}
<br clear="all" />

<table border="0" cellspacing="3" cellpadding="0" align="center">
<tr>
<td align="center" width="20"><img src="{FORUM_NEW_IMG}" alt="{L_NEW_POSTS}" /></td>
<td><span class="gensmall">{L_NEW_POSTS}</span></td>
<td></td>
<td align="center" width="20"><img src="{FORUM_IMG}" alt="{L_NO_NEW_POSTS}" /></td>
<td><span class="gensmall">{L_NO_NEW_POSTS}</span></td>
<td> </td>
<td align="center" width="20"><img src="{FORUM_LOCKED_IMG}" alt="{L_FORUM_LOCKED}" /></td>
<td><span class="gensmall">{L_FORUM_LOCKED}</span></td>
</tr>
</table>


{AUTO_DST}


<div id="fb-root"></div>
<script type="text/javascript">
//<![CDATA[
FB.init({
appId: '{switch_fb_index_login.FACEBOOK_APP_ID}',
status: true,
cookie: true,
xfbml: true
});
//]]>
</script>

Tu avais mis une largeur de 900px à ton QEEL Wink

Essaie ça et dit moi si ça marche! Je te l'ai mis à 800px!

Salut,

Ouais super, la largeur du forum est réglée. Merci beaucoup Fire-Fly. Maintenant, j'aimerais encore déplacer le cadre complet de la PA vers la droite, car ça grignote un peu sur l'image et c'est dommage. Saurais-tu comment faire ceci ?

Merci encore ^^ et à bientôt, Shay'

Tant mieux si on a ça de réglé Wink

Pour le tasser, comme j'avais dit plus haut c'est une question de marge je crois, donc essai ceci:

Code:: <div class="centre">
<table style="margin-top: 0px; margin-left: 245px; margin-right: 90px; margin-bottom: 145px;">
<tr>
<td>
<center>
<div class="systeme_onglets">
<div class="onglets">
<span class="onglet_0 onglet" id="onglet_général" onclick="javascript:change_onglet('général');">
Général
</span>
<span class="onglet_0 onglet" id="onglet_histoire" onclick="javascript:change_onglet('histoire');">
Histoire
</span>
<span class="onglet_0 onglet" id="onglet_léquipe" onclick="javascript:change_onglet('léquipe');">
L'Equipe
</span>
<span class="onglet_0 onglet" id="onglet_nosamis" onclick="javascript:change_onglet('nosamis');">
Nos Amis
</span>
<span class="onglet_0 onglet" id="onglet_crédits" onclick="javascript:change_onglet('crédits');">
Crédits
</span>
<div class="contenu_onglets">
<div class="contenu_onglet" id="contenu_onglet_général">
<div class="bienvenue_general">
Pour commencer, je vous souhaite la Bienvenue

et vous remercie de l'intérêt que vous portez à notre beau forum.

Voici quelques infos qui pourront vous être utiles.

J'espère que vous passerez une très agréable moment parmi nous !

<table class="ccm" width="400">
<tr>
<td>
<div class="titre_general">
Nouveautés
</div>
<marquee direction="up" scrollamount="2" height="60">
<div class="info_general">
blablabla
</div>
</marquee>
</td>
<td>
<div class="titre_general">A Savoir
</div>
<div class="info_general">blablabla
blablabla
blablabla
</div>
</td>
</tr>
</table>
</div>
</div>
<div class="contenu_onglet" id="contenu_onglet_histoire">
<div class="titre_general">Ce qu'il faut savoir
</div>

<div class="detail_histoire">Les sables du temps, nul ne peut les arrêter. Les grains s'écoulent, les années passent, que nous le voulions ou non... et pourtant, les souvenirs restent. Ce que nous avons perdu se perpétue dans nos mémoires. Ce que vous allez lire est imparfait et incomplet. Néanmoins, lisez cette histoire, chérissez-la, car, sans vous, elle ne serait pas.
[...]
Alors qu'il chasse dans une chaîne de montagnes, la Crête, Eragon, un jeune paysan de quinze ans, a la surprise de voir tomber non loin de lui une grosse pierre bleue. Il la rapporte à la ferme où il vit avec son oncle, Garrow, et son cousin Roran. Garrow et sa femme, Marian - aujourd'hui décédée -, ont élevé le garçon. On ne sait rien de son père ; sa mère, Selena, la soeur de Garrow, n'a plus donné signe de vie depuis la naissance de l'enfant.
[...]
Aux dernières nouvelles pourtant, on aurait entendu dire que plusieurs oeufs de dragons auraient été disséminé dans toute l'Alagaësia par un Dragonnier, sur ordre de Vrael, par pure précaution et ce, avant même la fin de la bataille qui a vu la fin de la Caste des Dragonniers.
</div>
</div>
<div class="contenu_onglet" id="contenu_onglet_léquipe">
<div class="titre_general">Votre Staff
</div>

Ils sont là pour vous aider.
N'hésitez pas à leurs demander conseils.

<img src="http://i54.tinypic.com/2hyz03a.png" />
<img src="http://i54.tinypic.com/wt7xp5.png" />
<img src="http://i53.tinypic.com/v5d16p.png" />
<img src="http://i52.tinypic.com/vqruh3.png" />
<img src="http://i56.tinypic.com/29n8ec1.png" />

Nobody - Shaya - Echo A. Roncerouge - Daphné Lörender - Oromis
</div>
<div class="contenu_onglet" id="contenu_onglet_nosamis">
<div class="titre_general">Le Top Partenaire
</div>

<img src="http://i52.tinypic.com/2csdw7m.png" />
<img src="http://i52.tinypic.com/2csdw7m.png" />
<img src="http://i52.tinypic.com/2csdw7m.png" />
<img src="http://i52.tinypic.com/2csdw7m.png" />
<img src="http://i52.tinypic.com/2csdw7m.png" />

<img src="http://i52.tinypic.com/2csdw7m.png" />
<img src="http://i52.tinypic.com/2csdw7m.png" />
<img src="http://i52.tinypic.com/2csdw7m.png" />
<img src="http://i52.tinypic.com/2csdw7m.png" />
<img src="http://i52.tinypic.com/2csdw7m.png" />

<div class="titre_general">TopStie
</div>

<img src="http://i52.tinypic.com/2uhli8j.png" />
<img src="http://i52.tinypic.com/2uhli8j.png" />
<img src="http://i52.tinypic.com/2uhli8j.png" />
<img src="http://i52.tinypic.com/2uhli8j.png" />
<img src="http://i52.tinypic.com/2uhli8j.png" />
</div>
<div class="contenu_onglet" id="contenu_onglet_crédits">
<div class="titre_general">Nous Remercions
</div>
Le
<a href="http://es-world.forumactif.com/t3-staff">Staff
</a> pour tout son travail afin de créer de forum

<a href="http://www.css-actif.com">CSS-Actif
</a>, source des codes CSS & Templates

<a href="lien du site">GxS / PxS
</a> et plus spécialement ... pour le design
</div>
</div>
</div>
</div>
</center>
</td>
</tr>
</table>
</div>
<script type="text/javascript">
//
</script>

En gros, j'ai mis une plus grosse marge à gauche que ce l'était, dis moi si ça marche!

Salut,
Non, il n'y a aucun changement, la PA grignote toujours sur l'image.
A bientôt, Shay'

Argh elle m'énèrve xD

Ok, on va faire simple alors.

Code:: <div class="centre">
<div class="truc">
<table style="margin-top: 0px; margin-left: 235px; margin-right: 100px; margin-bottom: 145px;">
<tr>
<td>
<center>
<div class="systeme_onglets">
<div class="onglets">
<span class="onglet_0 onglet" id="onglet_général" onclick="javascript:change_onglet('général');">
Général
</span>
<span class="onglet_0 onglet" id="onglet_histoire" onclick="javascript:change_onglet('histoire');">
Histoire
</span>
<span class="onglet_0 onglet" id="onglet_léquipe" onclick="javascript:change_onglet('léquipe');">
L'Equipe
</span>
<span class="onglet_0 onglet" id="onglet_nosamis" onclick="javascript:change_onglet('nosamis');">
Nos Amis
</span>
<span class="onglet_0 onglet" id="onglet_crédits" onclick="javascript:change_onglet('crédits');">
Crédits
</span>
<div class="contenu_onglets">
<div class="contenu_onglet" id="contenu_onglet_général">
<div class="bienvenue_general">
Pour commencer, je vous souhaite la Bienvenue

et vous remercie de l'intérêt que vous portez à notre beau forum.

Voici quelques infos qui pourront vous être utiles.

J'espère que vous passerez une très agréable moment parmi nous !

<table class="ccm" width="400">
<tr>
<td>
<div class="titre_general">
Nouveautés
</div>
<marquee direction="up" scrollamount="2" height="60">
<div class="info_general">
blablabla
</div>
</marquee>
</td>
<td>
<div class="titre_general">A Savoir
</div>
<div class="info_general">blablabla
blablabla
blablabla
</div>
</td>
</tr>
</table>
</div>
</div>
<div class="contenu_onglet" id="contenu_onglet_histoire">
<div class="titre_general">Ce qu'il faut savoir
</div>

<div class="detail_histoire">Les sables du temps, nul ne peut les arrêter. Les grains s'écoulent, les années passent, que nous le voulions ou non... et pourtant, les souvenirs restent. Ce que nous avons perdu se perpétue dans nos mémoires. Ce que vous allez lire est imparfait et incomplet. Néanmoins, lisez cette histoire, chérissez-la, car, sans vous, elle ne serait pas.
[...]
Alors qu'il chasse dans une chaîne de montagnes, la Crête, Eragon, un jeune paysan de quinze ans, a la surprise de voir tomber non loin de lui une grosse pierre bleue. Il la rapporte à la ferme où il vit avec son oncle, Garrow, et son cousin Roran. Garrow et sa femme, Marian - aujourd'hui décédée -, ont élevé le garçon. On ne sait rien de son père ; sa mère, Selena, la soeur de Garrow, n'a plus donné signe de vie depuis la naissance de l'enfant.
[...]
Aux dernières nouvelles pourtant, on aurait entendu dire que plusieurs oeufs de dragons auraient été disséminé dans toute l'Alagaësia par un Dragonnier, sur ordre de Vrael, par pure précaution et ce, avant même la fin de la bataille qui a vu la fin de la Caste des Dragonniers.
</div>
</div>
<div class="contenu_onglet" id="contenu_onglet_léquipe">
<div class="titre_general">Votre Staff
</div>

Ils sont là pour vous aider.
N'hésitez pas à leurs demander conseils.

<img src="http://i54.tinypic.com/2hyz03a.png" />
<img src="http://i54.tinypic.com/wt7xp5.png" />
<img src="http://i53.tinypic.com/v5d16p.png" />
<img src="http://i52.tinypic.com/vqruh3.png" />
<img src="http://i56.tinypic.com/29n8ec1.png" />

Nobody - Shaya - Echo A. Roncerouge - Daphné Lörender - Oromis
</div>
<div class="contenu_onglet" id="contenu_onglet_nosamis">
<div class="titre_general">Le Top Partenaire
</div>

<img src="http://i52.tinypic.com/2csdw7m.png" />
<img src="http://i52.tinypic.com/2csdw7m.png" />
<img src="http://i52.tinypic.com/2csdw7m.png" />
<img src="http://i52.tinypic.com/2csdw7m.png" />
<img src="http://i52.tinypic.com/2csdw7m.png" />

<img src="http://i52.tinypic.com/2csdw7m.png" />
<img src="http://i52.tinypic.com/2csdw7m.png" />
<img src="http://i52.tinypic.com/2csdw7m.png" />
<img src="http://i52.tinypic.com/2csdw7m.png" />
<img src="http://i52.tinypic.com/2csdw7m.png" />

<div class="titre_general">TopStie
</div>

<img src="http://i52.tinypic.com/2uhli8j.png" />
<img src="http://i52.tinypic.com/2uhli8j.png" />
<img src="http://i52.tinypic.com/2uhli8j.png" />
<img src="http://i52.tinypic.com/2uhli8j.png" />
<img src="http://i52.tinypic.com/2uhli8j.png" />
</div>
<div class="contenu_onglet" id="contenu_onglet_crédits">
<div class="titre_general">Nous Remercions
</div>
Le
<a href="http://es-world.forumactif.com/t3-staff">Staff
</a> pour tout son travail afin de créer de forum

<a href="http://www.css-actif.com">CSS-Actif
</a>, source des codes CSS & Templates

<a href="lien du site">GxS / PxS
</a> et plus spécialement ... pour le design
</div>
</div>
</div>
</div>
</center>
</td>
</tr>
</table>
</div></div>
<script type="text/javascript">
//
</script>

et ajoute ça à ton css:

Code:: .truc {
margin-left: 100px;
}

Je t'ai mis 100px, donc si ça marche pas ou ça marche, tu vas le savoir tout de suite!

Je dois dire que mon plus gros problème à l'heure actuelle c'est que je ne suis pas capable d'afficher t'a PA sur mes forums tests, les onglets ne s'affichent pas, par conséquent je ne peux pas la tester, mais avec ce que je viens de te donner, ça fonctionne (pour tasser ce qu'il y a) donc théoriquement... bref, en pratique c'est jamais pareil mais ça coûte pas cher d'essayer!

F²

Salut,

Oui, ça a fonctionné, je te remercie beaucoup Fire-Fly. Etant un peu nulle en CSS je ne savais pas quoi ajouter comme propriété pour la décaler. Mais maintenant, c'est bon. Mes problèmes sont donc résolus !

A bientôt, Shay'

N'oubliez pas l'icône résolu Wink

Problème avec PA à Onglet

Problème avec PA à Onglet

Sujets similaires

Sujets similaires

Partenaires Or