Les écritures débordent sur mon forum à certains endroits

[Chanira]

Détails techniques

Version du forum : phpBB2
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Mozilla Firefox, Google Chrome, Internet Explorer
Capture d'écran du problème :

Voir l'image:

Personnes concernées par le problème : Plusieurs utilisateurs
Lien du forum : http://amoderngameofthrones.easyforum.fr/

Description du problème

Bonsoir tout le monde !

Je rencontre de nouveau un soucis. Il se trouve que le texte déborde, dans les messages ... mais seulement si je suis déconnectée. Ce qui veut dire que le problème concerne uniquement les invités.
Et il ne déborde pas qu'à cet endroit. Dans la messagerie privée, il dépasse carrément la largeur de ma page. Je n'ai pas modifié le groupe de templates "Poster & messages privés", je ne comprends donc pas trop ce qui se passe.

Spoiler:

Merci d'avance de votre aide, encore une fois.
Bonne soirée !

PS : Je poste un deuxième sujet car le premier est résolu mais pas encore archivé.

[Neptunia]

Bonjour ^^


Votre feuille CSS comporte

Code:

.bodyline {
width:878px
}

Autrement dit, vous demandez à votre jauge de remplissage de la messagerie de faire 878 pixels de large.

[Chanira]

Bonjour, et merci de votre réponse !

Cependant, le problème ne vient pas de là. J'ai modifé à 800px et le seul effet à été de modifier la largeur de mon forum, mais n'a nullement corrigé mon problème (voir capture).

Spoiler:

[GoichonTurf]

Bonjour

pouvez-vosu indiquer entièrement votre feuille css svp le soucis vient de là amicalement serge

[Chanira]

Bonjour,

La voici :

Code:

.nav{border: none !important;}

td.catBottom, td.catHead{border: none !important;}

#msg_et, table#msg_et td{
background-color:none !important;
}

.bodyline{
padding-bottom:10px;
border-left:3px solid #9d170d;
border-right:3px solid #9d170d;
width:878px;
margin:-10px auto -30px;
border-radius:0px 0px 0px 0px / 0px 0px 0px 0px;
padding:10px;
padding-top:30px;
background-color:#ececec;
background-repeat:repeat;
}

.fond_titre {
margin-bottom:-153px;
margin-top:60px;
margin-left:-76px;
position:relative;
}

body{
margin-top:-10px;
margin-bottom:-10px;
}

.bodylinewidth{
margin-right:auto;
margin-left:auto;
}


#i_logo {
margin-top:-63px;
border-radius:0px 0px 0px 0px / 0px 0px 0px 0px;
border-right:3px solid #9d170d;
border-left:3px solid #9d170d;
width:899px;
}

.ascenseur {
position:fixed; /*--- Cette ligne permet de toujours afficher l'ascenseur à l'écran ---*/
top:35%; /*--- On le place à XX px du haut de l'écran ---*/
left:5px; /*--- On le place à X px de la gauche de l'écran ---*/
}

div.vertical_nav {
background-color:none;

position:fixed;
height:100%;
right:0px;
top:0px;
padding-top:5%;
padding-left:4px;
padding-right:3px;
}

div.tt-icones {
vertical-align:center;
}

div.vertical_nav a.mainmenu {
display:list-item;
list-style:none;
}


/*** BEGIN ~> MODIF LIENS ***/

a:link {
text-decoration: none !important;
font-variant: small-caps;
font-size:12px;
font-family:Arial;
}

a:hover {
text-decoration: none !important;
font-variant: small-caps;
font-size:12px;
font-family:Arial;
}

a:active {
text-decoration: none !important;
font-variant: small-caps;
font-size:12px;
font-family:Arial;
}

a:visited {
text-decoration: none !important;
font-variant: small-caps;
font-size:12px;
font-family:Arial;
}

a span strong {
font-weight: normal !important;
font-size:12px;
font-family:Arial;
}

/*** END ~> MODIF LIENS ***/


/* MISE EN FORME DES CATEGORIES ET FORUMS */


.cate_titre {
clear:both;
margin-top:50px;
height:100px;
}

.fond_titre {
margin-right:-4px;
}

.catetitre_gris
{
color: #a11a0f;
font-family: 'Cinzel', serif;
font-size: 26px;
letter-spacing: 1px;
text-shadow: 1px 1px 0px #1f1f1f;
margin-left:25px;
position:relative;
}

.fond_cate {
background-color:white;
padding:5px;
}

.forum_bloc
{
width: 900px;}


.forum
{
float: left;
width: 430px;
height: 200px;
margin-left: 5px;
margin-right: 5px;
margin-bottom: 20px;
}
a.forumlink
{
position: relative;
z-index: 2;
display: block;
width: 100%;
color: #454545;
text-align: center;
font-family: 'Cinzel',serif;

font-size: 26px;
letter-spacing: 1px;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
margin-bottom:-15px;
margin-left:20px;
text-align:left;
text-shadow: 1px 1px 2px #000000;
}
a.forumlink:hover
{
letter-spacing: 4px;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
.forum_contenu
{
position: relative;
z-index: 1;
width: 98%;
height: 90%;
padding: 4px;
margin-left: auto;
margin-right: auto;
background-color: transparent !important;
}
/* CODES CSS CATEGORIES AUX DESCRIPTIONS CACHEES */


.cate
{
width: 400px;
height: 150px;
overflow: hidden;
border:1px solid #BCBCBC
}
.cate_img
{
position: relative;
width: 400px;
height: 150px;
margin-left: 0px;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
z-index:3;
}
.cate:hover .cate_img
{
margin-left: 400px;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
z-index:3;
}
.cate_description
{
position: relative;
width: 380px;
height: 141px;
margin-top: -150px;
text-align: justify;
font-size: 10px;
color: #bcbcbc;
padding: 10px;
overflow: auto;
z-index:2;
background-image:url('http://img11.hostingpics.net/pics/584842fonddescription1.png');
opacity: 0.7;
-moz-opacity: 0.7;
-khtml-opacity: 0.7;
filter: alpha(opacity=70);
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
}
.cate_description:first-letter, .part_descri_spe:first-letter {
font-family: 'Bad Script', cursive;
font-size: 40px;
line-height:5px;
margin-right:17px;
margin-left:-3px;
margin-bottom:-5px;
float: left;
color:#008ACF;
}
.cate_description span {
float:left;
}
span.part_descri {
overflow:auto;
width:170px;
height:120px;
padding:5px;
}
span.part_descri_spe {
overflow:auto;
width:162px;
height:120px;
padding:5px;
}
.part_descri:first-letter {
font-family: 'Bad Script', cursive;
font-size: 40px;
line-height:5px;
margin-right:13px;
margin-left:5px;
margin-bottom:-5px;
float: left;
color:#008ACF;
}
span.part_liens {
overflow:auto;
width:180px;
height:120px;
padding:5px;
}
/* END */

.icone_stats
{
width: 300px;
margin: auto;
margin-bottom: -5px;
margin-right:-220px;
}
.stats_lastpost
{
display: block;
width: 160px;
height: 110px;
margin-left: 10px;
background-color: black;
-moz-opacity:0.7;
opacity: 0.7;
filter:alpha(opacity=70);
border: 1px solid #b5b5b5;
padding: 10px;
text-align: center;
padding-top:50px;
border-radius: 200px;
-moz-border-radius: 200px;
-webkit-border-radius: 200px;
color: #b5b5b5; 
}
.stats
{
display: block;
margin-bottom: 5px;
border-bottom: 1px dotted #b5b5b5;
padding-bottom: 5px;
font-size: 10px;
color: #8f8f8f;

}
.lastpost
{
display: block;
font-size: 11px;
}
.sforum
{
position: relative;
z-index: 3;
display: block;
height: 0;
background: #191817;
color: #b5b5b5;
overflow: hidden;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
.ouverture_sousforum
{
position: relative;
z-index: 3;
display: block;
float: right;
width: 120px;
margin-top:-80px;
background: #191817;
color: #b5b5b5;
font-size: 11px;
text-align: center;
padding: 4px;
-webkit-border-bottom-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
}
.sous_forum:hover .sforum
{
height: 50px;
background: #191817;
color: #b5b5b5;
padding: 4px;
overflow: auto;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
margin-top:-80px;
}
.sous_forum a
{
color: #b5b5b5 !important;
text-shadow: 1px 1px 0px #000000;
}
.sous_forum a:hover
{
color: #ffffff !important;
}





/* TEST ETAT MESSAGES + DERNIER MESSAGE */

#info_dern_mess
{
position: absolute;
display: block;
width: 70px;
height: 40px;
background-color: black;
color: transparent !important;
text-align: center;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
margin-top:-100px;
border-radius: 200px;
-moz-border-radius: 200px;
-webkit-border-radius: 200px;
background-repeat:no-repeat;
padding-top:30px;
z-index:100;
}

#info_dern_mess span {
opacity: 0;
-moz-opacity: 0;
-khtml-opacity: 0;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
z-index:100;
}

#info_dern_mess:hover
{
width: 150px;
height: 130px; 
opacity: 0.7;
-moz-opacity: 0.7;
-khtml-opacity: 0.7;
filter: alpha(opacity=70);
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
border-radius: 200px;
-moz-border-radius: 200px;
-webkit-border-radius: 200px;
background-image:none !important;
background-color: black !important;
color:#B5B5B5 !important;
padding-right: 10px;
padding-left:10px;
padding-bottom:10px;
paddin-top:30px;
font-size:11px;
letter-spacing: 0px;
position:relative;
z-index:100;
margin-top:-150px;
margin-left:-85px;
}

#info_dern_mess:hover span {
opacity: 1;
-moz-opacity: 1;
-khtml-opacity: 1;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
z-index:100;
position:relative;
}



/* BEGIN QEEL */
#tout_qeel {
width:370px;
height:620px;
font-family:Arial;
font-size:10px;
color:#BCBCBC;
text-align:justify;
background-color:transparent !important;
}

#tout_qeel div {
margin-bottom:10px;
}

#text_membres {
width:360px;
height:280px;
padding:5px;
background-image:url('http://img11.hostingpics.net/pics/341586fond.png');
border:1px solid #BCBCBC;
}

#text_connexion {
width:360px;
height:180px;
padding:5px;
background-image:url('http://img11.hostingpics.net/pics/341586fond.png');
border:1px solid #BCBCBC;
background-color:transparent !important:
}

#text_chatbox {
width:360px;
height:90px;
padding:5px;
background-image:url('http://img11.hostingpics.net/pics/341586fond.png');
border:1px solid #BCBCBC;
}

#cb_symb {
font-family:'Cinzel Decorative', serif !important;
font-size:26px !important;
text-shadow:0px 0px 1px black;
margin-left:-20px;
top:-40px;
position:relative;
}

#venez {
font-family:'Cinzel Decorative', serif !important;
font-size:10px !important;
text-shadow:0px 0px 1px black;
margin-left:-20px;
top:-35px;
position:relative;
}

#image_porte {
right:-70px;
position:relative;
}

div#qeel_titre {
font-size:30px;
font-family:'Cinzel Decorative', serif;
text-align:center;
color:#BCBCBC;
text-shadow:1px 1px 0px black;
width:900px;
}

div#hover_qeel {
width:900px;
padding:5px;
text-align:center;
font-size:9px;
color: lightgrey;
font-family:Arial;
}

td#gauche {
position:relative;
right:-5px;}

td#droite {
position:relative;
right:-70px;
top:-5px;
}


/* END QEEL */


.M14_even {background-color:transparent !important;}
.M14_odd {background-color:transparent !important;}


/* BEGIN ---- PROFIL DU POSTEUR */

table.tableau_profil{
width:250px !important;
margin:auto;
  margin-left:-26px;
}

td.haut_tab{
width:250px;
height:44px;
background-image:url('http://img4.hostingpics.net/pics/574995haut.png');
background-repeat:no-repeat;
}

td.milieu_tab{
width:250px;
background-image:url('http://img4.hostingpics.net/pics/307719milieu.png');
background-repeat:repeat-y;
text-align:justify;
}

td.milieu_tab strong{
font-family:'Cinzel Decorative',serif !important;
font-size:20px !important;
}

td.bas_tab{
width:250px;
height:117px;
background-image:url('http://img4.hostingpics.net/pics/243232bas.png');
background-repeat:no-repeat;
}

div#pseudo_pdp strong{
font-family:'Cinzel',serif !important;
font-size:22px !important;
text-shadow:-2px 2px 0px #808080;
  letter-spacing:4px;
}
 
div#pseudo_pdp{
-ms-transform: rotate(-90deg); /* IE 9 */
-webkit-transform: rotate(-90deg); /* Chrome, Safari, Opera */
-moz-transform:rotate(-90deg);
transform: rotate(-90deg);
background-color:#a2a2a2;
border-radius: 100px 100px 0px 0px / 10px 10px 0px 0px;
-moz-border-radius: 100px 100px 0px 0px / 10px 10px 0px 0px;
-webkit-border-radius: 100px 100px 0px 0px / 10px 10px 0px 0pxx;
padding:5px;
text-align:center;
  margin-left:-159px;
  margin-bottom:-335px;
  width:240px;
}

div#rang_pdp{
font-family:'Cinzel', serif;
color:black;
font-size:20px;
background-color:#c8c8c8;
padding:5px;
width:190px;
margin:auto;
margin-bottom:-20px;
text-align:center;
font-variant:small-caps;
text-shadow:-1px 1px #808080;
height:45px;
border-radius: 100px 100px 0px 0px / 10px 10px 0px 0px;
-moz-border-radius: 100px 100px 0px 0px / 10px 10px 0px 0px;
-webkit-border-radius: 100px 100px 0px 0px / 10px 10px 0px 0pxx;
valign:center;
  vertical-align:center;
  letter-spacing:4px;
}

div#rang_img_pdp{
margin:auto;
background-color:#c8c8c8;
width:200px;
margin:auto;
height:145px;
border-radius: 0px 0px 100px 100px / 0px 0px 10px 10px;
-moz-border-radius: 0px 0px 100px 100px / 0px 0px 10px 10px;
-webkit-border-radius:  0px 0px 100px 100px / 0px 0px 10px 10px;
}

div#infos_pdp{
  background-color:#c8c8c8;
  width:190px;
  padding:5px;
text-align:left;
font-family:Arial;
font-size:11px;
  margin-left:25px;
  color:#5c5c5c;
  text-shadow:1px -1px -1px #ececec;
}

div#rpg_pdp{
  background-color:#c8c8c8;
  width:190px;
  padding:5px;
text-align:left;
font-family:Arial;
font-size:11px;
margin-left:25px;
  color:#5c5c5c;
    text-shadow:1px -1px -1px #ececec;
}

div#avatar_pdp{
width:200px !important;
margin:auto;
  height:450px;
    padding:0px !important;
}

span.rg_part1 {
  color:white;
}

span.rg_part2 {
  color:#BCBCBC;
}

div#content_rpg_pdp {
  margin-top:-10px;
}


/* END ---- PROFIL DU POSTEUR */

.gensmall {
  border:none;
}

/* BEGIN MEP POST SPE */
.top_img {
    -moz-border-radius: 235px 235px 0 0 / 130px 130px 0 0;
    -webkit-border-radius: 235px 235px 0 0 / 130px 130px 0 0;
    -khtml-border-radius: 235px 235px 0 0 /130px 130px 0 0;
    border-radius: 235px 235px 0 0 / 130px 130px 0 0;
    behavior: url(border-radius.htc);
  width:550px;
  height:266px;
  border-right:#BCBCBC solid 1px;
  border-left:#BCBCBC solid 1px;
  border-top:#BCBCBC solid 1px;
  background-image:url('http://img15.hostingpics.net/pics/343569imagepostspe.png');
}

span.titre_msg {
    font-family:'Cinzel', serif;
  font-size:25px;
  margin-top:120px;
  color:white;
  border-bottom:dotted white 1px;
  text-shadow:0px 1px 0px black;
}

span.sous_titre_msg {
  font-size:9px !important;
  font-style:italic;
  letter-spacing:2px;
}

.msg_corps {
  width:530px;
  padding:10px;
 box-shadow:0px 0px 25px #101010 inset;
-webkit-box-shadow:0px 0px 25px #101010 inset;
-khtml-box-shadow:0px 0px 25px #101010 inset;
-moz-box-shadow:0px 0px 25px #101010 inset; 
    -moz-border-radius:0 0 20px 20px/ 0 0 10px 10px;
    -webkit-border-radius: 0 0 20px 20px/ 0 0 10px 10px;
    -khtml-border-radius: 0 0 20px 20px/ 0 0 10px 10px;
    border-radius: 0 0 20px 20px/ 0 0 10px 10px;
    behavior: url(border-radius.htc); 
  background-color:#232323;
  text-align:left;
  border-right:#BCBCBC solid 1px;
  border-left:#BCBCBC solid 1px;
  border-bottom:#BCBCBC solid 1px;
  margin-top:-18px;
  text-align:justify;
}

.titre_corps_msg {
  font-family:'Cinzel', serif !important;
  font-size:20px;
  border-left:solid #606060 2px;
  text-shadow:0px 2px 0px black;
  padding-left:5px;
  heigh:18px;
}

.ss_titre_corps_msg {
  font-family:'Cinzel', serif !important;
  font-size:15px;
  text-shadow:0px 2px 0px black;
  heigh:18px; 
  margin-left:20px;
}

.ico_ss_titre_msg {
  color:#606060;
}

.code{
  border:none;
  color:#BBB;
padding-left:5px;
    -moz-border-radius:20px;
    -webkit-border-radius:20px;
    -khtml-border-radius:20px;
    border-radius:20px;
font-size:11px;}

.quote{border: 1px solid #00ff00;}
.spoiler{border: 1px solid #0000ff;}

#chatbox_box {
  width:880px;
}

div.separator {
 width:100%;
    heigh:2px;
    border-top:solid #606060 2px;
 
}

/* BEGIN MEP BESTIAIRE */

div.all_best {
  width:495px;
  height:360px;
}

div.all_best span.image_best, span.text_best, span.text_content_best {
  float:left;
}

span.titre_best {
  font-family:'Cinzel';
  font-size:20px;
  letter-spacing:5px;
}

span.image_best {
  width:175px;
  height:360px;
  position:relative;
  margin-right:10px;
}

span.image_best img {
  border:solid 2px #BCBCBC;
}

span.text_best {
  width:240px;
  height:360px;
  padding-right:10px;
  padding-left:10px;
  position:relative;
  text-align:justify;
}

span.text_content_best {
  padding:5px;
  overflow:auto;
  width:275px;
  margin-left:10px;
}

Merci d'avance !

[GoichonTurf]

Bonjour après vérification je pense que je vais laisser d'autre vous aider car en faite y'a tellement d'incohérence dans votre feuille css, en gros c'est du bon boulot mais regarder ceci : vous passer d'un coup en % et en px donc pour commencer soit vous mettez tout en % ou tout en px mais pas les 2 car sa va créer des conflits et il ce peut que votre problême soit résolue, ensuite


comment peut on mettre :

Code:

.forum_bloc
{
width: 900px;}

alors que votre forum fait en largeur: 878px

Code:

.bodyline{
padding-bottom:10px;
border-left:3px solid #9d170d;
border-right:3px solid #9d170d;
width:878px;
margin:-10px auto -30px;
border-radius:0px 0px 0px 0px / 0px 0px 0px 0px;
padding:10px;
padding-top:30px;
background-color:#ececec;
background-repeat:repeat;
}

mais c'est pas tout votre forum en body n''a même pas de largeur fixe en gros il est en auto , en gros un css propre donc largeur du forum devrai être en exemple comme ceci

Code:

/* -- 02. PAGE BODY -- */
body { background-color:#F2F2F2 }

#wrap {
  background:#ffffff;
  background-clip:padding-box;
  border:1px solid rgba(0, 0, 0, 0.1);
  min-width:1150px;
  padding:30px 5px 0px 5px;
}

body= couleur de la page
wrap section min-width = largeur de votre page

en gros je pense qu'il y a plein d'erreur et même si la solution serait simple votre css comporte une structure mal édité ce qui peut créer des conflits entre différents code. ceci n'est que mon avis personnel .

j'espère que quelqu'un aura une solution amicalement serge

[Chanira]

Merci de votre réponse!

C'est certain, mon CSS comporte des erreurs, cependant à moi seule je ne vois pas lesquelles posent réellement problème. C'est pour cela que j'ai posé ma question ici. Deplus, ce que je trouve vraiment étrange est que le problème des largeur des posts ne concerne que les invités ...

Enfin! Si quelqu'un pense avoir une solution, je suis preneuse. Toute aide est bonne à prendre !

[Chanira]

Bonsoir, douple post pour signaler que j'ai effectué quelques manipulations. Effectivement, la boîte de réception à repris sa largeur normale, les posts sont à la bonne largeur pour les invités et les membres, mais ... un nouveau souci, s'est déclenché.

Spoiler:

Comme visible sur la capture ci dessus, mon forum prend maintenant une largeur totalement aléatoire. Pourtant, je lui ai imposé une largeur fixe en body de 878px, mais rien n'y fait.

Etant donné que j'ai légèrement modifié mon CSS, je le remets dans ce message.

Code:

.nav{border: none !important;}

td.catBottom, td.catHead{border: none !important;}

#msg_et, table#msg_et td{
background-color:none !important;
}


.body {
  width:100%;
}


.bodyline{
padding-bottom:10px;
margin:-10px auto -30px;
border-radius:0px 0px 0px 0px / 0px 0px 0px 0px;
padding:10px;
padding-top:30px;
background-color:#ececec;
background-repeat:repeat;
margin-top:-10px;
margin-bottom:-10px;
border-left:3px solid #9d170d;
border-right:3px solid #9d170d;
}

.fond_titre {
margin-bottom:-153px;
margin-top:60px;
margin-left:-76px;
position:relative;
}

.bodylinewidth{
margin-right:auto;
margin-left:auto;
}


#i_logo {
margin-top:-63px;
border-radius:0px 0px 0px 0px / 0px 0px 0px 0px;
border-right:3px solid #9d170d;
border-left:3px solid #9d170d;
width:899px;
}

.ascenseur {
position:fixed; /*--- Cette ligne permet de toujours afficher l'ascenseur à l'écran ---*/
top:35%; /*--- On le place à XX px du haut de l'écran ---*/
left:5px; /*--- On le place à X px de la gauche de l'écran ---*/
}

div.vertical_nav {
background-color:none;
position:fixed;
height:100%;
right:0px;
top:0px;
padding-top:5%;
padding-left:4px;
padding-right:3px;
width:50px;
}

div.tt-icones {
vertical-align:center;
}

div.vertical_nav a.mainmenu {
display:list-item;
list-style:none;
}


/*** BEGIN ~> MODIF LIENS ***/

a:link {
text-decoration: none !important;
font-variant: small-caps;
font-size:12px;
font-family:Arial;
}

a:hover {
text-decoration: none !important;
font-variant: small-caps;
font-size:12px;
font-family:Arial;
}

a:active {
text-decoration: none !important;
font-variant: small-caps;
font-size:12px;
font-family:Arial;
}

a:visited {
text-decoration: none !important;
font-variant: small-caps;
font-size:12px;
font-family:Arial;
}

a span strong {
font-weight: normal !important;
font-size:12px;
font-family:Arial;
}

/*** END ~> MODIF LIENS ***/


/* MISE EN FORME DES CATEGORIES ET FORUMS */


.cate_titre {
clear:both;
margin-top:50px;
height:100px;
}

.fond_titre {
margin-right:-4px;
}

.catetitre_gris
{
color: #a11a0f;
font-family: 'Cinzel', serif;
font-size: 26px;
letter-spacing: 1px;
text-shadow: 1px 1px 0px #1f1f1f;
margin-left:25px;
position:relative;
}

.fond_cate {
background-color:white;
padding:5px;
}

.forum_bloc
{
width: 878px;}


.forum
{
float: left;
width: 430px;
height: 200px;
margin-left: 5px;
margin-right: 5px;
margin-bottom: 20px;
}
a.forumlink
{
position: relative;
z-index: 2;
display: block;
width: 100%;
color: #454545;
text-align: center;
font-family: 'Cinzel',serif;

font-size: 26px;
letter-spacing: 1px;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
margin-bottom:-15px;
margin-left:20px;
text-align:left;
text-shadow: 1px 1px 2px #000000;
}
a.forumlink:hover
{
letter-spacing: 4px;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
.forum_contenu
{
position: relative;
z-index: 1;
width: 98%;
height: 90%;
padding: 4px;
margin-left: auto;
margin-right: auto;
background-color: transparent !important;
}
/* CODES CSS CATEGORIES AUX DESCRIPTIONS CACHEES */


.cate
{
width: 400px;
height: 150px;
overflow: hidden;
border:1px solid #BCBCBC
}
.cate_img
{
position: relative;
width: 400px;
height: 150px;
margin-left: 0px;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
z-index:3;
}
.cate:hover .cate_img
{
margin-left: 400px;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
z-index:3;
}
.cate_description
{
position: relative;
width: 380px;
height: 141px;
margin-top: -150px;
text-align: justify;
font-size: 10px;
color: #bcbcbc;
padding: 10px;
overflow: auto;
z-index:2;
background-image:url('http://img11.hostingpics.net/pics/584842fonddescription1.png');
opacity: 0.7;
-moz-opacity: 0.7;
-khtml-opacity: 0.7;
filter: alpha(opacity=70);
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
}
.cate_description:first-letter, .part_descri_spe:first-letter {
font-family: 'Bad Script', cursive;
font-size: 40px;
line-height:5px;
margin-right:17px;
margin-left:-3px;
margin-bottom:-5px;
float: left;
color:#008ACF;
}
.cate_description span {
float:left;
}
span.part_descri {
overflow:auto;
width:170px;
height:120px;
padding:5px;
}
span.part_descri_spe {
overflow:auto;
width:162px;
height:120px;
padding:5px;
}
.part_descri:first-letter {
font-family: 'Bad Script', cursive;
font-size: 40px;
line-height:5px;
margin-right:13px;
margin-left:5px;
margin-bottom:-5px;
float: left;
color:#008ACF;
}
span.part_liens {
overflow:auto;
width:180px;
height:120px;
padding:5px;
}
/* END */

.icone_stats
{
width: 300px;
margin: auto;
margin-bottom: -5px;
margin-right:-220px;
}
.stats_lastpost
{
display: block;
width: 160px;
height: 110px;
margin-left: 10px;
background-color: black;
-moz-opacity:0.7;
opacity: 0.7;
filter:alpha(opacity=70);
border: 1px solid #b5b5b5;
padding: 10px;
text-align: center;
padding-top:50px;
border-radius: 200px;
-moz-border-radius: 200px;
-webkit-border-radius: 200px;
color: #b5b5b5; 
}
.stats
{
display: block;
margin-bottom: 5px;
border-bottom: 1px dotted #b5b5b5;
padding-bottom: 5px;
font-size: 10px;
color: #8f8f8f;

}
.lastpost
{
display: block;
font-size: 11px;
}
.sforum
{
position: relative;
z-index: 3;
display: block;
height: 0;
background: #191817;
color: #b5b5b5;
overflow: hidden;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
.ouverture_sousforum
{
position: relative;
z-index: 3;
display: block;
float: right;
width: 120px;
margin-top:-80px;
background: #191817;
color: #b5b5b5;
font-size: 11px;
text-align: center;
padding: 4px;
-webkit-border-bottom-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
}
.sous_forum:hover .sforum
{
height: 50px;
background: #191817;
color: #b5b5b5;
padding: 4px;
overflow: auto;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
margin-top:-80px;
}
.sous_forum a
{
color: #b5b5b5 !important;
text-shadow: 1px 1px 0px #000000;
}
.sous_forum a:hover
{
color: #ffffff !important;
}





/* TEST ETAT MESSAGES + DERNIER MESSAGE */

#info_dern_mess
{
position: absolute;
display: block;
width: 70px;
height: 40px;
background-color: black;
color: transparent !important;
text-align: center;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
margin-top:-100px;
border-radius: 200px;
-moz-border-radius: 200px;
-webkit-border-radius: 200px;
background-repeat:no-repeat;
padding-top:30px;
z-index:100;
}

#info_dern_mess span {
opacity: 0;
-moz-opacity: 0;
-khtml-opacity: 0;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
z-index:100;
}

#info_dern_mess:hover
{
width: 150px;
height: 130px; 
opacity: 0.7;
-moz-opacity: 0.7;
-khtml-opacity: 0.7;
filter: alpha(opacity=70);
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
border-radius: 200px;
-moz-border-radius: 200px;
-webkit-border-radius: 200px;
background-image:none !important;
background-color: black !important;
color:#B5B5B5 !important;
padding-right: 10px;
padding-left:10px;
padding-bottom:10px;
paddin-top:30px;
font-size:11px;
letter-spacing: 0px;
position:relative;
z-index:100;
margin-top:-150px;
margin-left:-85px;
}

#info_dern_mess:hover span {
opacity: 1;
-moz-opacity: 1;
-khtml-opacity: 1;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
z-index:100;
position:relative;
}



/* BEGIN QEEL */
#tout_qeel {
width:370px;
height:620px;
font-family:Arial;
font-size:10px;
color:#BCBCBC;
text-align:justify;
background-color:transparent !important;
}

#tout_qeel div {
margin-bottom:10px;
}

#text_membres {
width:360px;
height:280px;
padding:5px;
background-image:url('http://img11.hostingpics.net/pics/341586fond.png');
border:1px solid #BCBCBC;
}

#text_connexion {
width:360px;
height:180px;
padding:5px;
background-image:url('http://img11.hostingpics.net/pics/341586fond.png');
border:1px solid #BCBCBC;
background-color:transparent !important:
}

#text_chatbox {
width:360px;
height:90px;
padding:5px;
background-image:url('http://img11.hostingpics.net/pics/341586fond.png');
border:1px solid #BCBCBC;
}

#cb_symb {
font-family:'Cinzel Decorative', serif !important;
font-size:26px !important;
text-shadow:0px 0px 1px black;
margin-left:-20px;
top:-40px;
position:relative;
}

#venez {
font-family:'Cinzel Decorative', serif !important;
font-size:10px !important;
text-shadow:0px 0px 1px black;
margin-left:-20px;
top:-35px;
position:relative;
}

#image_porte {
right:-70px;
position:relative;
}

div#qeel_titre {
font-size:30px;
font-family:'Cinzel Decorative', serif;
text-align:center;
color:#BCBCBC;
text-shadow:1px 1px 0px black;
width:878px;
}

div#hover_qeel {
width:878px;
padding:5px;
text-align:center;
font-size:9px;
color: lightgrey;
font-family:Arial;
}

td#gauche {
position:relative;
right:-5px;}

td#droite {
position:relative;
right:-70px;
top:-5px;
}


/* END QEEL */


.M14_even {background-color:transparent !important;}
.M14_odd {background-color:transparent !important;}


/* BEGIN ---- PROFIL DU POSTEUR */

table.tableau_profil{
width:250px !important;
margin:auto;
  margin-left:-26px;
}

td.haut_tab{
width:250px;
height:44px;
background-image:url('http://img4.hostingpics.net/pics/574995haut.png');
background-repeat:no-repeat;
}

td.milieu_tab{
width:250px;
background-image:url('http://img4.hostingpics.net/pics/307719milieu.png');
background-repeat:repeat-y;
text-align:justify;
}

td.milieu_tab strong{
font-family:'Cinzel Decorative',serif !important;
font-size:20px !important;
}

td.bas_tab{
width:250px;
height:117px;
background-image:url('http://img4.hostingpics.net/pics/243232bas.png');
background-repeat:no-repeat;
}

div#pseudo_pdp strong{
font-family:'Cinzel',serif !important;
font-size:22px !important;
text-shadow:-2px 2px 0px #808080;
  letter-spacing:4px;
}
 
div#pseudo_pdp{
-ms-transform: rotate(-90deg); /* IE 9 */
-webkit-transform: rotate(-90deg); /* Chrome, Safari, Opera */
-moz-transform:rotate(-90deg);
transform: rotate(-90deg);
background-color:#a2a2a2;
border-radius: 100px 100px 0px 0px / 10px 10px 0px 0px;
-moz-border-radius: 100px 100px 0px 0px / 10px 10px 0px 0px;
-webkit-border-radius: 100px 100px 0px 0px / 10px 10px 0px 0pxx;
padding:5px;
text-align:center;
  margin-left:-159px;
  margin-bottom:-335px;
  width:240px;
}

div#rang_pdp{
font-family:'Cinzel', serif;
color:black;
font-size:20px;
background-color:#c8c8c8;
padding:5px;
width:190px;
margin:auto;
margin-bottom:-20px;
text-align:center;
font-variant:small-caps;
text-shadow:-1px 1px #808080;
height:45px;
border-radius: 100px 100px 0px 0px / 10px 10px 0px 0px;
-moz-border-radius: 100px 100px 0px 0px / 10px 10px 0px 0px;
-webkit-border-radius: 100px 100px 0px 0px / 10px 10px 0px 0pxx;
valign:center;
  vertical-align:center;
  letter-spacing:4px;
}

div#rang_img_pdp{
margin:auto;
background-color:#c8c8c8;
width:200px;
margin:auto;
height:145px;
border-radius: 0px 0px 100px 100px / 0px 0px 10px 10px;
-moz-border-radius: 0px 0px 100px 100px / 0px 0px 10px 10px;
-webkit-border-radius:  0px 0px 100px 100px / 0px 0px 10px 10px;
}

div#infos_pdp{
  background-color:#c8c8c8;
  width:190px;
  padding:5px;
text-align:left;
font-family:Arial;
font-size:11px;
  margin-left:25px;
  color:#5c5c5c;
  text-shadow:1px -1px -1px #ececec;
}

div#rpg_pdp{
  background-color:#c8c8c8;
  width:190px;
  padding:5px;
text-align:left;
font-family:Arial;
font-size:11px;
margin-left:25px;
  color:#5c5c5c;
    text-shadow:1px -1px -1px #ececec;
}

div#avatar_pdp{
width:200px !important;
margin:auto;
  height:450px;
    padding:0px !important;
}

span.rg_part1 {
  color:white;
}

span.rg_part2 {
  color:#BCBCBC;
}

div#content_rpg_pdp {
  margin-top:-10px;
}


/* END ---- PROFIL DU POSTEUR */

.gensmall {
  border:none;
}

/* BEGIN MEP POST SPE */
.top_img {
    -moz-border-radius: 235px 235px 0 0 / 130px 130px 0 0;
    -webkit-border-radius: 235px 235px 0 0 / 130px 130px 0 0;
    -khtml-border-radius: 235px 235px 0 0 /130px 130px 0 0;
    border-radius: 235px 235px 0 0 / 130px 130px 0 0;
    behavior: url(border-radius.htc);
  width:550px;
  height:266px;
  border-right:#BCBCBC solid 1px;
  border-left:#BCBCBC solid 1px;
  border-top:#BCBCBC solid 1px;
  background-image:url('http://img15.hostingpics.net/pics/343569imagepostspe.png');
}

span.titre_msg {
    font-family:'Cinzel', serif;
  font-size:25px;
  margin-top:120px;
  color:white;
  border-bottom:dotted white 1px;
  text-shadow:0px 1px 0px black;
}

span.sous_titre_msg {
  font-size:9px !important;
  font-style:italic;
  letter-spacing:2px;
}

.msg_corps {
  width:530px;
  padding:10px;
 box-shadow:0px 0px 25px #101010 inset;
-webkit-box-shadow:0px 0px 25px #101010 inset;
-khtml-box-shadow:0px 0px 25px #101010 inset;
-moz-box-shadow:0px 0px 25px #101010 inset; 
    -moz-border-radius:0 0 20px 20px/ 0 0 10px 10px;
    -webkit-border-radius: 0 0 20px 20px/ 0 0 10px 10px;
    -khtml-border-radius: 0 0 20px 20px/ 0 0 10px 10px;
    border-radius: 0 0 20px 20px/ 0 0 10px 10px;
    behavior: url(border-radius.htc); 
  background-color:#232323;
  text-align:left;
  border-right:#BCBCBC solid 1px;
  border-left:#BCBCBC solid 1px;
  border-bottom:#BCBCBC solid 1px;
  margin-top:-18px;
  text-align:justify;
}

.titre_corps_msg {
  font-family:'Cinzel', serif !important;
  font-size:20px;
  border-left:solid #606060 2px;
  text-shadow:0px 2px 0px black;
  padding-left:5px;
  heigh:18px;
}

.ss_titre_corps_msg {
  font-family:'Cinzel', serif !important;
  font-size:15px;
  text-shadow:0px 2px 0px black;
  heigh:18px; 
  margin-left:20px;
}

.ico_ss_titre_msg {
  color:#606060;
}

.code{
  border:none;
  color:#BBB;
padding-left:5px;
    -moz-border-radius:20px;
    -webkit-border-radius:20px;
    -khtml-border-radius:20px;
    border-radius:20px;
font-size:11px;}

.quote{border: 1px solid #00ff00;}
.spoiler{border: 1px solid #0000ff;}

#chatbox_box {
  width:880px;
}

div.separator {
 width:100%;
    heigh:2px;
    border-top:solid #606060 2px;
 
}

/* BEGIN MEP BESTIAIRE */

div.all_best {
  width:495px;
  height:360px;
}

div.all_best span.image_best, span.text_best, span.text_content_best {
  float:left;
}

span.titre_best {
  font-family:'Cinzel';
  font-size:20px;
  letter-spacing:5px;
}

span.image_best {
  width:175px;
  height:360px;
  position:relative;
  margin-right:10px;
}

span.image_best img {
  border:solid 2px #BCBCBC;
}

span.text_best {
  width:240px;
  height:360px;
  padding-right:10px;
  padding-left:10px;
  position:relative;
  text-align:justify;
}

span.text_content_best {
  padding:5px;
  overflow:auto;
  width:275px;
  margin-left:10px;
}

L'ouverture du forum était prévue pour fin décembre et il me reste encore du travail. J'aimerai régler mon problème le plus rapidement possible, s'il vous plait.

Bonne soirée, merci d'avance de votre aide!

[GoichonTurf]

Bonjour

Je vois que ton logo est à

Code:

#i_logo {
margin-top:-63px;
border-radius:0px 0px 0px 0px / 0px 0px 0px 0px;
border-right:3px solid #9d170d;
border-left:3px solid #9d170d;
width:899px;
}

essaye ceci:

Code:

#i_logo {
margin-top:-63px;
border-radius:0px 0px 0px 0px / 0px 0px 0px 0px;
border-right:3px solid #9d170d;
border-left:3px solid #9d170d;
width:878px;
}

amicalement serge

[MlleAlys]

Bonjour,
Essayez en ajoutant ce code à votre feuille de style css :

Code:

#page-body {
  width: 879px;
}

(appliquer la largeur à #page-body au lieu de .bodyline devrait éviter la déformation dans les messages privés, à vérifier que ça ne déforme rien ailleurs mais ça devrait corriger l'index )

[Chanira]

J'ai le plaisir de vous annoncer qu'à vous deux, vous avez résolu mon problème !
Merci énormément.

Bonne soirée !