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

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

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

Message par Chanira le Jeu 10 Nov 2016 - 3:13

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

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


Dernière édition par Chanira le Sam 12 Nov 2016 - 19:55, édité 1 fois
avatar

Chanira
Nouveau membre

Messages : 29
Inscrit(e) le : 08/05/2013

http://lost-heaven.forumpersos.com/
Chanira a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Les écritures débordent sur mon forum à certains endroits

Message par Neptunia le Jeu 10 Nov 2016 - 4:20

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

Neptunia
Membre actif

Féminin
Messages : 12061
Inscrit(e) le : 08/08/2010

https://www.galaxie-series.net/
Neptunia a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Les écritures débordent sur mon forum à certains endroits

Message par Chanira le Jeu 10 Nov 2016 - 5:39

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:


avatar

Chanira
Nouveau membre

Messages : 29
Inscrit(e) le : 08/05/2013

http://lost-heaven.forumpersos.com/
Chanira a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Les écritures débordent sur mon forum à certains endroits

Message par GoichonTurf le Jeu 10 Nov 2016 - 7:27

Bonjour

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

GoichonTurf
****

Messages : 226
Inscrit(e) le : 07/11/2016

http://goichonturf.forumactif.com/
GoichonTurf a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Les écritures débordent sur mon forum à certains endroits

Message par Chanira le Jeu 10 Nov 2016 - 7:49

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

Chanira
Nouveau membre

Messages : 29
Inscrit(e) le : 08/05/2013

http://lost-heaven.forumpersos.com/
Chanira a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Les écritures débordent sur mon forum à certains endroits

Message par GoichonTurf le Jeu 10 Nov 2016 - 8:38

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
avatar

GoichonTurf
****

Messages : 226
Inscrit(e) le : 07/11/2016

http://goichonturf.forumactif.com/
GoichonTurf a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Les écritures débordent sur mon forum à certains endroits

Message par Chanira le Jeu 10 Nov 2016 - 12:05

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

Chanira
Nouveau membre

Messages : 29
Inscrit(e) le : 08/05/2013

http://lost-heaven.forumpersos.com/
Chanira a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Les écritures débordent sur mon forum à certains endroits

Message par Chanira le Sam 12 Nov 2016 - 4:02

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

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

Chanira
Nouveau membre

Messages : 29
Inscrit(e) le : 08/05/2013

http://lost-heaven.forumpersos.com/
Chanira a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Les écritures débordent sur mon forum à certains endroits

Message par GoichonTurf le Sam 12 Nov 2016 - 10:03

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
avatar

GoichonTurf
****

Messages : 226
Inscrit(e) le : 07/11/2016

http://goichonturf.forumactif.com/
GoichonTurf a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Les écritures débordent sur mon forum à certains endroits

Message par MlleAlys le Sam 12 Nov 2016 - 16:39

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 Wink )
avatar

MlleAlys
Membre actif

Messages : 4584
Inscrit(e) le : 12/09/2012

MlleAlys a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Les écritures débordent sur mon forum à certains endroits

Message par Chanira le Sam 12 Nov 2016 - 19:54

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

Bonne soirée !
avatar

Chanira
Nouveau membre

Messages : 29
Inscrit(e) le : 08/05/2013

http://lost-heaven.forumpersos.com/
Chanira a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum