Problème de Chat Box

[cloud neni]

Bonsoir,

Suite à la mis à jour du forum sur lequel je suis admin' et donc de son changement de design/codage le corp de la chat box ne s'affiche plus...Nous avons bien la barre du haut avec connexion, actualisé et archive, mais quand on appuie sur connexion la barre de texte (celle du bas une fois connecté) se met à la place de la barre de connexion. De plus nous avons beau marquer du texte nous n'avons pas le corps de la CB qui s'affiche.

Je joint aussi un screen (que j'espère assez visible) pour vous montrer le problème ^^'

Spoiler:

Voila le problème n'est pas énorme non plus nous avons réussi à palier temporairement le problème, mais nous n'arrivons pas à trouver la dource du problème ^^'

PS : J'ai remarqué que nous avons le même problème sur une autre forum, les deux forums ont le tableau principal plus pousser sur la gauche. Si cela peut vous aider comme info...

En vous remerciant une première fois des réponses à ce message et du temps prit pour.

[SoraNoHime]

Bonsoir

pouvez-vous me fournir votre css ?

Cordialement.

[cloud neni]

Oui biensur le voici :

Code:

/*Essais pour Menu déroulant*/
#monmenu {
   FONT-WEIGHT: bold;
  FONT-SIZE: 100%;
  FONT-FAMILY: trebuchet ms,arial,tahoma,verdana,sans-serif;
  background: #051d33;
}

#monmenu UL UL {
   BORDER-RIGHT: #66848E 0px solid;
  PADDING-RIGHT: 0px;
  BORDER-TOP: #66848E 1px solid;
  DISPLAY: none;
  PADDING-LEFT: 0px;
  LEFT: 0px;
  PADDING-BOTTOM: 0px;
  MARGIN: 0px;
  BORDER-LEFT: #66848E 0px solid;
  PADDING-TOP: 0px;
  BORDER-BOTTOM: #66848E 0px solid;
  POSITION: absolute;
  TOP: 0px;
  text-align: left;
  background: #051d33;
}

#monmenu LI {
   PADDING-RIGHT: 2px;
  PADDING-LEFT: 2px;
  PADDING-BOTTOM: 2px;
  MARGIN: 0px;
  WIDTH: 75px;
  PADDING-TOP: 2px;
  LIST-STYLE-TYPE: none;
  POSITION: relative;
  background: #051d33;
  text-align: left;
}
#monmenu LI:hover {
   background: #051d33;
}
#monmenu LI.sfhover {
   background: #051d33;
}
#monmenu LI A {
   TEXT-DECORATION: none;
}
#monmenu LI:hover UL.niveau2 {
   DISPLAY: block;
}
#monmenu LI LI:hover UL.niveau3 {
   DISPLAY: block;
}
#monmenu LI.sfhover UL.niveau2 {
   DISPLAY: block;
}
#monmenu LI LI.sfhover UL.niveau3 {
   DISPLAY: block;
}
#monmenu LI.plus {
   
  BORDER-BOTTOM: #3f2303 0px solid;
  BACKGROUND-REPEAT: no-repeat;
  background: #051d33;
}
/*Fin Menu Déroulant*/

/*Menu*/
.Menu{
position: fixed;
left: 0px;
top: 0px;
right: 0px;
background-color: #102334;
z-index: 999;
width: 100%;
border-bottom:1px solid #051d33;}


.bodyline{
border-top: #3f2303 0px solid;
border-right: #051d33 5px solid;
border-left: #051d33 5px solid;
border-bottom: #3f2303 0px solid;
padding:0;
margin:0;
}

body{width:80%;
  position: relative;}

 
th {
-moz-border-radius-topleft: 14px;
-moz-border-radius-topright: 14px;
border-top-left-radius: 20%;
border-top-right-radius: 20%;
}

body{
margin-top: -1px;
margin-bottom: -13px;
}



th {
-moz-border-radius-topleft: 14px;
-moz-border-radius-topright: 14px;
border-top-left-radius: 20%;
border-top-right-radius: 20%;
}


.Tableaunew
{border-top: 2px solid#66848E;
border-bottom:2px solid #66848E;
border-left: 2px solid #66848E;
border-right: 2px solid #66848E;

}


.sujets_messages
{font-size: 12px;
background-image: url(http://i43.servimg.com/u/f43/12/03/37/02/lhuy1010.jpg);
border-top: 1px solid#FFFFFF;
border-bottom:1px solid #FFFFFF;
border-left: 1px solid #FFFFFF;
border-right: 1px solid #FFFFFF;
-moz-border-radius: 10px 10px 0px 0px; 
}


.derniers_sujets
{font-size: 12px;
background-image: url(http://i43.servimg.com/u/f43/12/03/37/02/lhuy1010.jpg);
border-top: 1px solid#FFFFFF;
border-bottom:1px solid #FFFFFF;
border-left: 1px solid #FFFFFF;
border-right: 1px solid #FFFFFF;
-moz-border-radius: 0px 0px 10px 10px; 
}

/*descrition_forum*/



/*Titre Forum*/
a.forumlink{background : url("http://i43.servimg.com/u/f43/12/03/37/02/9510.jpg");
text-shadow: 1px 1px 1px #FFFFFF;
text-align: center;
font-size: 14px;
border-top: 0px solid#FFFFFF;
border-bottom:1px solid #FFFFFF;
border-left: 0px solid #FFFFFF;
border-right: 0px solid #FFFFFF;
-moz-border-radius: 14px 14px 0px 0px;
text-decoration: none !important; margin-left:2px;padding-right:5px;
display:block;
}

.Déco{
background-image: url(http://i43.servimg.com/u/f43/12/03/37/02/lhuy1010.jpg);
border-top: #FFFFFF 1px solid;
border-right: #FFFFFF 0px dotted;
border-left: #FFFFFF 0px dotted;
border-bottom: #FFFFFF 1px solid;
-moz-border-radius: 10px 10px 10px 10px;}

/*Quel*/

.statistiques{
border:1px;
background-image: url("http://i43.servimg.com/u/f43/12/03/37/02/lhuy1010.jpg");
background-repeat: repeat;
background-position: center;
border-top: 2px solid #FFFFFF;
border-bottom:2px solid #FFFFFF;
border-left: 0px solid #FFFFFF;
border-right: 0px solid #FFFFFF;
-moz-border-radius: 12px 12px 12px 12px;
}

.groupes{
font-family: Georgia ; /* Police du texte */
font-size: 30px;
text-shadow: 1px 1px 1px #ffffff;
text-decoration: none; /* Décoration du texte : overline */
text-transform: Uppercase; /* Uppercase, capitalize, none, lowecase */
opacity : 0.5;
}

.titre{font-family: Georgia ; /* Police du texte */
font-size: 35px;
font color: #C9BAAB;
text-shadow: 1px 1px 1px #ffffff;
text-decoration: none; /* Décoration du texte : overline */
text-transform: Uppercase; /* Uppercase, capitalize, none, lowecase */
opacity : 0.5;
}

.Typo{font-family: Georgia ; /* Police du texte */
font-size: 8px;
font color: #C9BAAB;
text-shadow: 1px 1px 1px #ffffff;
text-decoration: none; /* Décoration du texte : overline */
text-transform: none; /* Uppercase, capitalize, none, lowecase */

}

.déco
{background : url("http://i43.servimg.com/u/f43/12/03/37/02/9510.jpg");
border-top: 0px solid #C9BAAB;
border-bottom:0px solid #C9BAAB;
border-left: 0px solid #C9BAAB;
border-right: 0px solid #C9BAAB;
-moz-border-radius:20px 20px 20px 20px;
display:block}

.déco2
{font-family: Georgia;
font-size: 11px;
position: center;
background-color : #102333;
border-top: 1px solid #FFFFFF;
border-bottom:1px solid #FFFFFF;
border-left: 0px solid #FFFFFF;
border-right: 0px solid #FFFFFF;
-moz-border-radius:20px 20px 20px 20px;
display:block;
padding:5px;}

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


/*Profil*/

.profil1
{width: 100%;
background : url("http://i43.servimg.com/u/f43/12/03/37/02/9510.jpg");
border-top: 4px solid #66848E;
border-bottom: 4px solid #66848E;
border-left: 0px solid #66848E;
border-right: 0px solid #66848E;
-moz-border-radius:20px 20px 20px 20px;
padding: 3px; 
display:block;}

.Profil2
{border-top: 0px solid #66848E;
border-bottom:4px solid #66848E;
border-left: 0px solid #66848E;
border-right: 0px solid #66848E;
-moz-border-radius:0px 0px 0px 0px;
display:block;}

.pseudo
{
font-size: 20px;
  text-transform: capitalize; /* Uppercase, capitalize, none, lowecase */}


/*Présentation Topic Règles*/

.boite2{
  background: #000000;
  padding: 5px;
  border-top:1px solid #FFFFFF;
  border-bottom: 1px solid #ffffff;
 
 
}

.boite1{
  background: url(http://i43.servimg.com/u/f43/12/03/37/02/9510.jpg);
  border-right: 2px solid #C9BAAB;
  border-bottom: 6px solid #C9BAAB;
  border-left: 2px solid #C9BAAB;
  -moz-border-radius: 0px 0px 10px 10px;
  width: 70%;
}

.boite4{
  background: url(http://i43.servimg.com/u/f43/12/03/37/02/9510.jpg);
  border-right: 2px solid #C9BAAB;
  border-bottom: 6px solid #C9BAAB;
  border-left: 2px solid #C9BAAB;
  -moz-border-radius: 0px 0px 10px 10px;
}

.boite3{
  background: #66848E;
  padding: 5px;
  border-top:1px solid #FFFFFF;
  border-bottom: 1px solid #ffffff;
}

.int1{
  font-size: 22px;
  text-shadow: 1px 1px 1px #ffffff;
}

.int2{
  font-size: 22px;
  text-shadow: 1px 1px 1px #ffffff;
}

/*Page Accueil*/

.coeur{
  background: url(http://i43.servimg.com/u/f43/12/03/37/02/9510.jpg);
  border-right: 1px solid #a7bfe3;
  border-bottom: 10px solid #a7bfe3;
  border-top: 10px solid #a7bfe3;
  border-left: 1px solid #a7bfe3;
  -moz-border-radius: 25px 25px 25px 25px;
padding: 10px;
  position: fixed;
  bottom: 500px;
right: 10px;}
 

.news{
  background: url(http://i43.servimg.com/u/f43/12/03/37/02/9510.jpg);
  border-right: 1px solid #a7bfe3;
  border-bottom: 10px solid #a7bfe3;
  border-top: 10px solid #a7bfe3;
  border-left: 1px solid #a7bfe3;
  -moz-border-radius: 25px 25px 25px 25px;
padding: 10px;}

.top{
  background: url(http://i43.servimg.com/u/f43/12/03/37/02/9510.jpg);
  border-right: 1px solid #a7bfe3;
  border-bottom: 10px solid #a7bfe3;
  border-top: 10px solid #a7bfe3;
  border-left: 1px solid #a7bfe3;
  -moz-border-radius: 25px 25px 25px 25px;
  padding: 10px;}
/*Arbres*/

.arbre{
  background: #ffffff;
  border: 4px solid #000000;
  -moz-border-radius: 15px;
padding: 20px;}

/*Fiche Prédéf' et PNJs*/

.Fond{
         background: url(http://i43.servimg.com/u/f43/12/03/37/02/lhuy1010.jpg);}
    
     .zone1fiche{
-moz-border-radius: 0px 0px 0px 15px;
border-left: 2px solid #66848e;
border-right: 4px solid #66848e;
border-top: 2px solid #66848e;
border-bottom: 4px solid #66848e;
padding: 5px;
background: url(http://i43.servimg.com/u/f43/12/03/37/02/9510.jpg);
color:#C9BAAB;
width:220px;
text-shadow: 1px 1px 1px #331603;}

.zone2fiche{
-moz-border-radius: 0px 0px 15px 0px;
border-left: 2px solid #66848e;
border-right: 4px solid #66848e;
border-top: 2px solid #66848e;
border-bottom: 4px solid #66848e;
padding: 5px;
background: url(http://i43.servimg.com/u/f43/12/03/37/02/9510.jpg);
color:#C9BAAB;
width:400px;
text-shadow: 1px 1px 1px #331603;}

.entete{
width:634px;
padding:10px;
color:#ffffff;
text-shadow: 1px 1px 1px #66848e;
background: #66848e;
-moz-border-radius: 15px 15px 0px 0px;
font-size:20px;}

.Separation{
border-top: 1px solid #66848e;
border-bottom: 1px solid #66848e;
text-shadow: 1px 1px 1px #66848e;
color:#ffffff;
padding:2px;
background: #66848e;}

.zonefinal{
-moz-border-radius: 15px 15px 0px 0px;
border-left: 2px solid #66848e;
border-right: 4px solid #66848e;
border-top: 2px solid #66848e;
border-bottom: 4px solid #66848e;
padding: 5px;
background: url(http://i43.servimg.com/u/f43/12/03/37/02/9510.jpg);
color:#ffffff;
text-shadow: 1px 1px 1px #331603;}

/*Présentation*/
.titre{border-bottom: 4px solid #66848e;
  font-family: new times roman new;
  text-shadow: 3px 3px 5px #331603;
  letter-spacing: -3px;
  font-size: 30px;
  background: url('http://i43.servimg.com/u/f43/12/03/37/02/9510.jpg');}

.bg{font-family: georgia;
  background: #102333;
  text-align: center;
  border: dotted 1px #66848e;
  -moz-border-radius: 0px 14px 0px 14px;
  border-bottom: 8px #66848e  solid;
  border-top: 8px #66848e solid;}

Merci de vous pencer sur notre problème ^^'

[SoraNoHime]

Voici votre coupable :

Code:

body{width:80%;
  position: relative;}

à quoi vous sert ce code ?

[cloud neni]

huum c'était donc ce que j'avais mentionner dans le "PS" c'est le code servant à déplacer le tableau principal du forum vers la gauche comme ceci :

Spoiler:

[SoraNoHime]

Essayez ceci à la place :

Code:

.bodylinewidth {width:80%;
  position: relative;
}

[cloud neni]

huuum ça marche mais du coup nouveau problème c'est une petite partie de ma mis en forme qui a sauté ^^' :

Spoiler:

[SoraNoHime]

Pouvez-vous préciser ?

[cloud neni]

Avant de remplacer mon bout de code par le votre j'avais ceci :

Spoiler:

Mais la chat box connaissait un problème

en remplaçant :

Code:

body{width:80%;
          position: relative;}

Par :

Code:

.bodylinewidth {width:80%;
          position: relative;
        }

La CB refonctionne sans problème mais mon design ressemble à ceci :

Spoiler:

Je suis désolé de la gêne occasionné ^^'

[SoraNoHime]

Essayez ainsi alors :

.bodylinewidth {margin-right : 500px;
}

adapter le 500 si cela fonctionne.

[cloud neni]

Ca marche super bien, tout est revenu a la normal.
Je vous remercie grandement pour votre aide, en plus a une heure aussi tardive. Merci beaucoup.
Je vous souhaite une bonne fin de soirée

[Chacha]

Bonjour, Afin de faciliter la gestion des problèmes, si votre problème est résolu, pensez à : éditer votre premier message, cocher l'icône Et enregistrer en cliquant sur Vous pouvez également remercier les personnes qui vous ont aidé, en cliquant sur le bouton A bientôt sur ForumActif