M.A.J. editeur bug.

[FANCH 56]

Bonsoir

En réponse rapide, la zone de saisie dépasse le cadre bas du forum.

J' ai supprimé la réponse rapide en attente de correctif.

[HPie]

Salut Fanch,

Je n'ai pas ce problème
Affirmatif
aucun problème  

[FANCH 56]

As-tu un CSS correctif dans ton CSS ?

[Shadow]

Bonjour,

Je viens de faire un test sur un forum identique au votre et je n'ai aucun problème je pense que cela vient des codes que vous avez mis sur celui ci.


Avez vous essayé de tout désactivé ?


Merci d'avance et bonne journée

[FANCH 56]

J'ai désactivé le code CSS que j'avais pour voir,

Code:

    /* ******************DIMENSIONS DE LA RÉPONSE RAPIDE******************* DÉSACTIVÉ
        form#quick_reply div#textarea_content {
                width: 900px !important;
                height: 200px !important;
        
               }

Et j'ai ceci maintenant



Alors qu'avant j'avais mes icônes sur une seule ligne


EDIT : 10H18

J'ai mis ceci dans mon CSS:

Code:

  #quick_reply .sceditor-container { height:300px !important;
width: 800px !important; }

Et maintenant j'ai ceci, mais la zone n'est pas centrée.

[Shadow]

Vous n'avez pas d'autre code que dans css ?

Javscript, code mis dans des endroits éditables ?


Je ne reproduis pas le problème c'est vraiment que sur votre forum donc c'est sur que c'est du à la personnalisation   

[FANCH 56]

Non j'ai cherché partout Java et html,

Voici mon CSS




 

Code:

  /* ******************************DIMENSIONS RÉPONSE RAPIDE********** */

#quick_reply .sceditor-container { height:300px !important;
width: 800px !important; }


/* ***************** SUPPRESSION DES CHAMPS INVISIBLE********************** */

       div.box-content.profile.prefs fieldset dl:nth-child(5) {display:none}


/* ************************Fond titres catégories *********************** */      

table.ipbtable th {
       background-image: url(http://acbpr.fr/cb/techno/rubanor3deux.jpg);
       }

/* **************************couleur texte raison d'édition****************** désactivé

#M14_edit
{
color:red;
}


/* ************************************Colorisation des cases pour nouveau message***********************DÉSACTIVÉ

       tr.newpost td {
       background:#D8D298!important;}

/* =======================CHATBOX============================ */

/* *********************couleur titre*******************/

       .chatbox-title, .chatbox-title a.chat-title{
       color:TRANSPARENT !important;
Font-size: 18px;
}

/* ******************************Nom de la chatox******** */
#chatbox_header a.chat-title { color:transparent!important; }
#chatbox_header a.chat-title:before { content: "LE BAR A.C.B."; color:red;  }

/* *******************Taille police chatbox************* */

.chatbox { Font-size:14px;
}

    .chatbox_row_2.clearfix, P.chatbox_row_1.clearfix{
       margin-bottom:10px;}

/* *************************RETIRER LES RÉSEAUX SOCIAUX DANS LES BLOGS******************** */

       div#bookmarks {display:none;}

/* ************************PAGINATION ******************************************* */

       .postpagination span {
           float: left;
           display: inline;
           margin-left: 4px;
           padding: 0 8px;
           height: 26px;
           border: 1px solid;
           border-color: #C2D5E3;
           background-color: #000000;
           background-repeat: no-repeat;
           color: #ffffff;
           overflow: hidden;
           text-decoration: none;
           margin: 0 4px 0 0;
           line-height: 26px;
           cursor: pointer;
           font-weight: normal;

       }
       .postpagination span:hover {
           border-color: #369;
           color: #EF0000;
       }
       .postpagination span.pp_current {
           background-color: #E5EDF2;
           border-color: #C2D5E3;
           color: #333;
           font-weight: bold;
       }
       .postpagination {
           display: block;
           font: 12px/1.5 Arial,Tahoma,Helvetica,'SimSun',sans-serif;
       }
       .postpagination:after {
           content: ".";
           display: block;
           height: 0;
           clear: both;
           visibility: hidden;
       }
       div.postpagination { margin: 10px 0 }
       span.postpagination span {
           float: none;
           padding: 0 4px;
           font-size: 0.8em;
           margin: 0 2px 0 0;
       }
       .postpagination span.pp_next {
           padding-right: 25px;
           background-image: url(http://i.imgur.com/2C4dvL5.gif);
           background-position: 90% 50%;
       }
       span.postpagination span.pp_next {
           padding-right: 12px;
           background-position: 90% 50%;
       }


/* *****************************INTERDICTION CREER SUJET******************* */
       
       .M14_ferme
       {
         border: 1px solid;
         margin: 10px 0px;
         padding: 15px 10px 15px 50px;
         color: #800000!important;
         background-color: #ffffff;
         -webkit-border-radius: 10px;
         -moz-border-radius: 10px;
         border-radius: 10px;
         text-align: center;
         font-weight: bold;
        font-size: 18px;
       }


/* *******************TAILLE DES POLICES DANS LES ZONES DE SAISIES****************** */

.sceditor-container iframe, .sceditor-container textarea{height:400px;
       font: 17px Arial !important;
       line-height:21px;

       }


     

/* *************** TEXTE ET CARACTÈRES ********************************************* */

a {

text-decoration: none;
}

h3, .h3 {

font-family: Arial;

text-transform: uppercase;

border-bottom: 1px solid #e3e5e8;

margin-bottom: 3px;

padding-bottom: 2px;

font-size: 1.05em;

color: #000000;

margin-top: 20px;

}

/* ************** LIENS ********************************************************* */

a:link, a:visited, a:hover, a:active, a:focus {

text-decoration: none;
}

a:visited {

color: #770011;
}

a:hover {

font-style:italic;
}

a:hover {

text-decoration: none !important;
}


/* *****************SUPPRESSION DE LA PALETTE DES COULEURS  ****************** DÉSACTIVÉ

       .sceditor-button.sceditor-button-color{display:none;}

/* ***********************************************MENUS DÉROULANTS*************************** */
/* concerne le select */
select.optionscolored{
color:#ED0101!important; /* change la couleur */
font-size:12px!important; /* change la taille */
font-weight:400!important; /* chiffre ou normal,bold */
 background-color: #F0F0D7;
}
/* concerne les options */
select.optionscolored option{
color:blue!important;
font-size:12px!important;
font-weight:400!important;
}


/* ************************************************TOOLBAR*********************************************************** */


/* *******************AVATAR SUR TOOLBAR RESPECT DES PROPORTIONS*************** */

.fa_avatar {
 max-height: 26px;
 position: relative;
 top: -8px;
 margin-right: 5px;
 border-radius: 3px;
 margin-bottom: -10px;
}


/* ******************************COULEUR DE FOND BIENVENUE****************** */

       /* le menu bienvenue */
       body #fa_menulist { background-color:#FEFEEE
top: -8px;
}
       /* l'onglet bienvenue cliqué */
       body #fa_right.welcome #fa_menu #fa_welcome { background: ##F2EFB1;


}


/* **********************************TOOLBAR NON RÉTRACTABLE ***************** */

       #fa_hide {display: none !important;}

/* **********************CACHER LE TITRE JOINDRE UN ADMI*************************** */

#titre_option_non_visible { display: none;}

/* **************** COULEUR TEXTE DE LA TOOLBAR***************** */

body #fa_share_text, body #fa_right.notifications #fa_menu #fa_welcome , body #fa_right #fa_menu #fa_welcome, body #fa_right #fa_notifications { color: red; font-size: 17px; }
body #fa_toolbar #fa_service { color: blue !important }

/* ********************MARGES TOOLBAR**************** */

#toolbar_add span { margin: 6px;

}
/* ******************************IMAGE BARRE OUTIL FA************** */

       #fa_toolbar, #fa_toolbar_hidden {background-image: url('http://acbpr.fr/cb/techno/rubanor3deux.jpg');
 
}

/* ***************************IMAGE RANG DANS TOOLBAR******************** */

       .rang_toolbar img {
       width: 75px;
       height: 30px;
       }

/* ***********************couleur mot notification et welcom Toolbar****************** */
       #fa_right a.rightHeaderLink, #fa_icon, #fa_toolbar #fa_service  #fa_welcome {
       color: blue !important;
       }

body #fa_toolbar #fa_menu #fa_welcome { color: blue; }

/* *****************************COULEUR DU CHIFFRE NOTIFICATION****************** */

       #notif_unread { color: red; }

/* **************************RETIRER RECHERCHE et LOUPE de la toolbar connexion et enregistrer ********** */

#fa_textarea { display: none!important; }
#fa_magnifier { display: none!important; }


/* *********************RETRAIT RÉSEAUX SOCIAUX******************** */

       #fa_share { display: none!important; }

#fa_textarea {display: none!important;}



/* ============================================================================FIN CODES TOOLBAR************************************* */







/* ***************************POSITION DU LOGO ACB SUR LA PAGE INDEX****************** */
       #logo img { margin-top:40px;}

/* ****************** OUI POUR INVISIBLE SUPPRIMÉ*************** désactivé
input[name=hideonline] { display:none; }

/* ******************************CACHE WIDGET ******* */

       .widget-arrow {
       height: 138px;
       width: 40px;
       border-radius: 00px;
       float: left;
       cursor: pointer;
       background: #f5ebf7 url(http://acbpr.fr/cb/techno/ouvrir5.jpg) no-repeat 0 0;
       }
       .widget-arrow.isright {
       float: right;
       }
       .widget-arrow.isleft.isclosed, .widget-arrow.isright.isopened {
       background-position: 0px 0px;
       }

    #widget-arrows {
       height: 38px;
 position: fixed;
 bottom: 140px;
}

/* *********Suppression de rechercher dans les forums********* */

       div.search-footer-box form#forum-search {
       display : none;
       }


/* ************ SPOILER *********************************************** */

dl.spoiler,dl.spoiler>dd {background:#494949 !important;color:#FFF;}


.spoiler {

   background-color: #60616B;

   }

.spoiler dt {

border-bottom: 1px solid #494949 !important;

background-color:#494949 !important;

background:#494949 url(http://acbpr.fr/cb/techno/oeil.gif) no-repeat !important;

text-indent:1500px !important;

font-size:0px;
 
color:#60616B;
 

height:25px !important;

overflow: hidden !important;

/*. img: max-width:500px;*/
max-width:700px;
}

.spoiler dd {

padding: 0px;
}

/* *************************AVATAR DERNIER POST ************* */

               .mini_ava {
         float: left;
       }
       .mini_ava img {
         width: 45px;
         height: 35px;
         margin: 0 5px;
         border-radius: 00px;
         transition: all 2s;
         -moz-transition: all 2s;
         -webkit-transition: all 2s;
         -o-transition: all 2s;
       }
       .mini_ava img:hover
       {
         width: 150px;
         height: 100px;
       }

/* **************Début - style pour vérification pseudo à l'inscription*********************** */
#username_reg {
 color: #a90c0c;
}
#username_reg.okusername {
 color: #2f9122;
}

/* *****************COULEUR BOUTONS CGU *************** */

       #main-content a.cgu-buttons {
           color: red;
           padding: 3px 5px;
       }

/* ***********suppression onglet avatar************** */

ul.privmsg a[href^="/profile?mode=editprofile&page_profil=avatars"] { visibility: hidden; font-size:1px; }

/* ********* OUI INVISIBLE POUR LA NEWS LETTER****************** */

input[name=hideonline] {
orma
display:none;
}




/* ************* TAILLE et CARACTÈRES DES POLICES DANS LES POSTS ********************************** */

.postbody {



font-size:16px;
 
  font-family: Arial;
 
line-height:21px;

letter-spacing:normal;
 
 background-color:#ffffee;
}
 


/* ***************COULEUR D'ÉCRITURE DANS LES POSTS *************************** */

.post-container {
color: #000001;
 font-size:16px;
}

/* ***********JUSTIFICATION DU TEXTE************* */
.body {
       text-align: justify;
       }

/* ************* LIMITER LA TAILLE DES IMAGES DANS LES SIGNATURES *********** */

.signature_div img{
   
   max-height: 50px !important;
   }



/* ************* LIGNE SÉPARATION SIGNATURE **************************************** */

.signature {border-top: 4px solid #777777;
}

.post {

border-bottom: 2px solid #cccccc;
}

/* ************* CENTRER LES SIGNATURES *********** */
.signature_div { text-align: center;}

/* ************ MENU DÉROULANT********** */      

select.optionscolored{
           font-weight: bold;
           font-size: 16px;
           color: #EA0000

       }
         select.optionscolored option {
  font-size: 12px;
  font-weight: normal;
         color:BLUE;
       }

/* ************* effacement du texte du rang *********** */

.rang-hidden {visibility: hidden;}

/* ******************SCROLLING DES PROFILS ****************** */

       ul.profile_field_list
{ max-height: 200px; max-width :200px; overflow: auto;}

/* ************** CENTRAGE DES PHOTOS EN AGRANDISSEMENT AUTO **************** */

.resizebox {
 display: block;
 margin: auto;
 margin-bottom: -19px;
}

.resize_img {
 display: block;
 margin: auto;
}

/* *******************SÉLECTION DES CODES *********** */

       .selectCode { float:right; text-transform: uppercase; cursor:pointer; }

/* **********iframe des news**************************** */

#bloc-news { max-height: 280px; overflow-y: auto; }
#bloc-news div.module.postbody { padding: 1px; width: auto; }

/* ************** COULEUR CASE RECHERCHER**************** */

input.search
{
background-color: #FEF601!important; /* couleur du fond */
color: #000000; /* couleur du texte */
}

/* *************** texte span qui clignote ******************** */

.clignote {
     text-decoration: blink;
}

/* *****************DÉCALAGE DU TEXTE DANS LES POSTS************* */

div.postbody {
padding:5px;
}

/* ***************** COULEUR BOUTONS RÉPONDRE ******************** */

.formbuttonrow .button {
   border: 1px solid white;
   font-size: 13px;
   background:red;
   color: #ffffff;
}

/* *************** COULEUR BOUTONS RÉPONSE RAPIDE ************ */


#quick_reply .button {
background: red;
border: 1px solid white;
color: white;
font-size:13px;
}

/* *********** INTERLIGNES ENTRE PHOTO AVATAR ET PSEUDO ************************** */

img {

border-width: 0;

padding-bottom: 10px;
}

/* ******************** DÉCALER LE BOUTON ALERTE ******************** */

.post-footer img {

padding-right: 100px;

float:right;
}

/* ************ SUPPRESSION DES TITRES DES CATÉGORIES **************** */

.maintitle.floated.clearfix {

display:none;

height: 30px;
 
}

/* ************ CENTRER TOUS LES TITRES DES WIDGETS ****************** */

div.module h3 {

text-align: center;
}


/* ************ HAUTEUR DES CASES DE TITRES DES WIDGETS *************** */

.module .maintitle h3 {

line-height: 20px;
}

/* ************* MARGE DES CASES DES TITRES DES WIDGETS ***************** */

.module h3 {

margin-top:5px;
}

/* ************* CHANGER L'ENCART CONTENANT LE TITRE D'UN WIDGET ************** */

.module .maintitle {

 padding:1px;

 background-image: url('http://acbpr.fr/cb/techno/rubanor3deux.jpg');
}

/* ************ COULEUR DE FOND DES WIDGETS ******************************** */

.module .box-content {

background-color:#FEFEEE
 
}

/* ************* COULEUR DES TITRES DES WIDGETS ******************************* */

.module .maintitle h3 {

float: none;

font-size: 1em;

color: #19233C;
}

/* **********POSITION DE LA BOITE DE SMILEYS ************************** */

#smiley-box {

float:right;
}

/* ************* ESPACEMENT DES SOUS FORUMS ***************************** */

.row2 p .gensmall {

letter-spacing:1px;

line-height:22px;
}


/* ************* MISE EN MAJUSCULE AUTOMATIQUE DES TITRES DES SUJETS  dans "Derniers sujets" *************** */
.box-content #comments_scroll_container a {

text-transform:uppercase;

font-weight: bold;
}

/* ************* MISE EN MAJUSCULE AUTOMATIQUE DES TITRES DES SUJETS ***************************** */
a.topictitle {

text-transform:uppercase;

}

/* ************** SUPPRESSION DU MOT FORUM DANS LES GATÉGORIES ************ */

table.ipbtable th.forum {

color: #c5c7ca;

height:10px;
}

/* ************ CHANGEMENT DE COULEUR SURVOL DES COLONNES ****************** */

/*--Topp TSF®--inVISION hover s-tabel-cell ---*/

table.ipbtable td:hover{

background-color:#fffdd2;
}

.row1 .row2:hover{

background-color:#fffdd2;
}

/* *********** DÉTERMINE LA TAILLE (ET LA POSITION) DE LA CASE PROFIL DANS LE PROFIL AVANCÉ *** */

#profile-advanced-right {

float: right;

margin:0px;

width:240px;
}
 
/* ************ CHANGE LA COULEUR DE LA BARRE DE MODÉRATION ET PERMISSIONS **** */

.bar {

background-color: #ddddcc;

}
 
/* ************ CONTOUR BARRE DE NAVIGATION ********************************* */

.submenu {

background: #trans;
}

/* ************ COULEUR DU MENU DÉROULANT DU PROFIL ************************** */
.popmenubutton-new-out a {

width:230px;

background-color: #dddd99;
}

/* ************ INTÉRIEUR DU MENU DÉROULANT DU PROFIL ************************* */
.popupmenu li {

background-color:#ffffcc;

font-style: italic;

}

/* ************ PROFIL ******************************************************** */
.box-content.profile {

/*width:260px;*/   /*retrait*/

background-color:#EFF0F3;

font-style: italic;

            font-size: 12px;
}

/* ************ ALIGNER LES DÉTAILS DANS LE PROFIL DES POSTS ********************* */

.postprofile{
text-align: left;
}

/* ************* BORDURE DU PROFIL DANS LES POSTS ******************************* */

.postprofile {

border:3px solid #8F9897 !important;

float:right;

margin-right: -14.4em;

width:220px;
}

.popmenubutton-new-out a {

background-color:#DDDD99;

width:190px;
}

/* *************** CITER ********************************************************** */

blockquote {

background-color: #ddddaa;

border: 1px dotted #000;
 
background-image:none;
 

}

blockquote {

font-style: italic;

color : #40411E;
}

/* *************** CODE *********************************************************** */
           .codebox dt {background-image:none;}

         .codebox dt {  
               background-color: #ffffee;
       
               }
                   
        .codebox dd {

       background-color: #EFE2AD;

       border: 1px dotted #000;

       white-space:normal;

       }
                   
               dl.codebox code {
               color: #40411E;
         
               }

/* ************** DIVERS ****************************************************** */

.pun .main-foot .options a, .pun .main-foot .options a:link, .pun .main-foot .options a:visited {

color:#000000;
}

.forumline {

background-color:#242424;

border:0px;
}

/* ************** BAS DE PAGE ************************************************* */

#gfooter {

background-color:#666666;
}

a:hover {

color:#000000;

text-decoration:underline;

background-color: #c5c7ca;
}

/* ************** CHANGE LA COULEUR DE LA BARRE SUJET SUIVANT SUJET PRÉCÉDENT *** */

.topic-footer {

background-color: #aaaa99;

}


/* ************** ZONE DE SAISIE EMAIL FORMULAIRE ******************************* */

textarea.inputbox {

width: 800px;

font-size:15px;

background-color:#ffffff;
}


Attention : Ce n'est pas génant, c'est juste une question esthétique.

Si je retire le code, j'ai une zone bien centrée, mais pas assez large

[FANCH 56]

Au temps pour moi. Résolu

Il suffit de tirer un peu en bas à droite, pour avoir les icones sur une seule ligne (deuxième screen).

Merci Zen