Cadre de réponses rapides qui dépasse

[2011N2]

Rappel du premier message :

Bonjour,

J'ai récemment ajouté ce code permettant d'agrandir le cadre de réponse rapides : https://forum.forumactif.com/t356805-agrandir-le-cadre-de-reponse-rapide#3040007

Tout fonctionne bien, sauf chez un de mes membres.

Le cadre est déformé sur tous les navigateurs, même après le cache vidé.
D'ailleurs, entre temps le PC a été formaté (pour un autre souci), et c'est idem. Les pilotes et Windows sont à jour.

Captures d'écran :
http://cjoint.com/data3/3ImtGmsDEiu_avec_chrome.jpg
http://cjoint.com/data3/3ImtHc6jWCt_avec_ie.jpg
http://cjoint.com/data3/3ImtHI8PYrN_avec_opera.jpg

Ce n'est pas du à l'avatar car même retiré cela bug.

Du coup, j'ai pensé à faire une feuille CSS permettant de remettre le cadre plus petit. Cela fonctionne, mais ce n'est pas enregistré, à chaque changement de page cela revient comme avant (pour mieux comprendre ces codes CSS, voir les menus déroulant tout en haut des pages de mon forum). Idem, sur tous les navigateurs, et les cookies sont acceptés.

Quelqu'un a une idée ?

Merci d'avance,

Gabriel.

[Invité]

Re,

Test fait et le résultat est toujours le même :s

Cdlt.

[Automne]

Je vois toujours la valeur a 958px, tu peux me redonner ton css 2011N2, merci

[2011N2]

Bonjour,

Ah bah oui, j'avais remplacé volontairement les valeurs de width par 954.
Si je mets ton code, le cadre est plus petit, et même en réponse complète (alors qu'l n'y a pas de souci de ce côté là).

Voici mon code CSS actuel :

Code:

 .chatbox .msg span[style="color:green;"] strong {
  visibility: hidden;
  }


    .chatbox .msg span[style="color:red;"] strong {
  visibility: hidden;
}


.sharing-cl{
overflow:hidden;
margin:-20px 0 0 0;
padding:0;
list-style:none;
width:530px;
}
.sharing-cl a{
overflow:hidden;
width:75px;
height:20px;
float:left;
margin-right:5px;
text-indent:-200px;
background:url(http://sd-2.archive-host.com/membres/up/24071559914142709/tuto_partager/partager.png) no-repeat;
}
a.sh-su{background-position:-210px -40px;}
a.sh-feed{background-position:-70px -40px;}
a.sh-tweet{background-position:-140px -40px;}
a.sh-mail{background-position:0 -40px;}
a.sh-digg{background-position:-280px -40px;}
a.sh-face{
margin-right:0;
background-position:-350px -40px;
}
a.sh-mail:hover{background-position:0 1px;}
a.sh-feed:hover{background-position:-70px 1px;}
a.sh-tweet:hover{background-position:-140px 1px;}
a.sh-su:hover{background-position:-210px 1px;}
.sh-digg:hover{background-position:-280px 1px;}
a.sh-face:hover{
background-position:-350px 1px;
}
#text{
margin-top:5px;
font-weight:bold;
font-family:helvetica,arial,sans-serif;
}
#text a{
text-indent:0;
height:auto;
text-align:center;
font-size:11px;
padding-top:35px;
color:#999;
text-decoration:none;
}









body{ background-position: top-center; background-repeat: repeat;}






.colorpicker {
  width: 356px;
  height: 176px;
  overflow: hidden;
  position: absolute;
  background: url(http://tinyurl.com/colorpickerimg/colorpicker_background.png);
  font-family: Arial, Helvetica, sans-serif;
  display: none;
}
.colorpicker_color {
  width: 150px;
  height: 150px;
  left: 14px;
  top: 13px;
  position: absolute;
  background: #f00;
  overflow: hidden;
  cursor: crosshair;
}
.colorpicker_color div {
  position: absolute;
  top: 0;
  left: 0;
  width: 150px;
  height: 150px;
  background: url(http://tinyurl.com/colorpickerimg/colorpicker_overlay.png);
}
.colorpicker_color div div {
  position: absolute;
  top: 0;
  left: 0;
  width: 11px;
  height: 11px;
  overflow: hidden;
  background: url(http://tinyurl.com/colorpickerimg/colorpicker_select.gif);
  margin: -5px 0 0 -5px;
}
.colorpicker_hue {
  position: absolute;
  top: 13px;
  left: 171px;
  width: 35px;
  height: 150px;
  cursor: n-resize;
}
.colorpicker_hue div {
  position: absolute;
  width: 35px;
  height: 9px;
  overflow: hidden;
  background: url(http://tinyurl.com/colorpickerimg/colorpicker_indic.gif) left top;
  margin: -4px 0 0 0;
  left: 0px;
}
.colorpicker_new_color {
  position: absolute;
  width: 60px;
  height: 30px;
  left: 213px;
  top: 13px;
  background: #f00;
}
.colorpicker_current_color {
  position: absolute;
  width: 60px;
  height: 30px;
  left: 283px;
  top: 13px;
  background: #f00;
}
.colorpicker input {
  background-color: transparent;
  border: 1px solid transparent;
  position: absolute;
  font-size: 10px;
  font-family: Arial, Helvetica, sans-serif;
  color: #898989;
  top: 4px;
  right: 11px;
  text-align: right;
  margin: 0;
  padding: 0;
  height: 11px;
}
.colorpicker_hex {
  position: absolute;
  width: 72px;
  height: 22px;
  background: url(http://tinyurl.com/colorpickerimg/colorpicker_hex.png) top;
  left: 212px;
  top: 142px;
}
.colorpicker_hex input {
  right: 6px;
}
.colorpicker_field {
  height: 22px;
  width: 62px;
  background-position: top;
  position: absolute;
}
.colorpicker_field span {
  position: absolute;
  width: 12px;
  height: 22px;
  overflow: hidden;
  top: 0;
  right: 0;
  cursor: n-resize;
}
.colorpicker_rgb_r {
  background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_rgb_r.png);
  top: 52px;
  left: 212px;
}
.colorpicker_rgb_g {
  background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_rgb_g.png);
  top: 82px;
  left: 212px;
}
.colorpicker_rgb_b {
  background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_rgb_b.png);
  top: 112px;
  left: 212px;
}
.colorpicker_hsb_h {
  background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_hsb_h.png);
  top: 52px;
  left: 282px;
}
.colorpicker_hsb_s {
  background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_hsb_s.png);
  top: 82px;
  left: 282px;
}
.colorpicker_hsb_b {
  background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_hsb_b.png);
  top: 112px;
  left: 282px;
}
.colorpicker_submit {
  position: absolute;
  width: 22px;
  height: 22px;
  background: url(http://tinyurl.com/colorpickerimg/colorpicker_submit.png) top;
  left: 322px;
  top: 142px;
  overflow: hidden;
}
.colorpicker_focus {
  background-position: center;
}
.colorpicker_hex.colorpicker_focus {
  background-position: bottom;
}
.colorpicker_submit.colorpicker_focus {
  background-position: bottom;
}
.colorpicker_slider {
  background-position: bottom;
}







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



a.imag{
position: relative;
z-index: 1;
}
a.imag:hover{
cursor: help;
z-index: 2;
}
a.imag span{
display: none;
}
a.imag:hover span{
display:block;
position:absolute;
z-index: 3;
top: 20px;
left: -40px;
}





a.tooltip em {
    display:none;
}
a.tooltip:hover {
    border: 0;
    position: relative;
    text-decoration:none;
}
a.tooltip:hover em {
    font-style: normal;
    display: block;
    position: absolute;
    top: 15px;
    left: -30px;
    padding: 3px;
    color: #000;
    border: 2px solid #ff0000;
    background: #256c73;
    width:180px;
}
a.tooltip:hover em span {
    position: absolute;
    top: -13px;
    left: 0px;
    height: 0px;
    width: 0px;
    background: transparent url(image-infobulle.gif);
    margin:0;
    padding: 0;
    border: 0;
}

















#fa_toolbar{
background-image: url();
box-shadow: 0 0 3px;
font-size: 14px!important;
}















#menu ul {
margin: 0;
padding: 0;
list-style-type: none;
}
 
#menu dl {
width: 160px;
margin: 1px;
padding: 0;
list-style-type: none;}
 
#menu dt {
cursor: pointer;
margin: 2px 0;;
height: 20px;
line-height: 20px;
text-align: center;
font-weight: bold;
border: 1px solid gray;
background: #E0E0E0;
margin: 0;
padding: 0;
list-style-type: none;}
 
#menu dd {
border: 0px solid gray;
margin: 0;
padding: 0;
list-style-type: none;}
 
#menu li {
text-align: center;
background: #F0F0F0;
margin: 0;
padding: 0;
list-style-type: none;}
 
#menu li a, #menu dt a {
color: #000;
text-decoration: none;
display: block;
height: 100%;
margin: 0;
padding: 0;
list-style-type: none;}
 
#menu li a:hover, #menu dt a:hover {
background: #00CF42;
margin: 0;
padding: 0;
list-style-type: none;}














#savec { position:relative; }
.save-bloc { color: #555!important; z-index: 999; padding: 5px;  border: 1px solid #BCBCBC; background: #efefef url(http://2img.net/i/fa/prosilver/bg_button.gif) repeat-x; display:none;top:20px;left:0px;position:absolute; white-space:nowrap; }
.save-bloc div:hover { color: #050505!important; }
.save-bloc div { cursor: pointer; }
.save-bloc select { background: #ccc; border: 1px solid #aaa; margin-bottom: 5px; }
























.staff {
            background: url("https://encrypted-tbn1.google.com/images?q=tbn:ANd9GcQ5hyraYF3kkkg6Zg8G2KtzMS9df-qguZkV5b-A7ks5y4BoFUNxjQ") repeat scroll 0 0 transparent;
            border-radius: 15px 15px 15px 15px;
            border-style: solid;
            border-width: 1px;
            font-weight: 700;
            margin: 10px auto;
            padding: 5px;
            width: 90%;
        }
       
.staff.accept {
            border-color: #36D53C;
            box-shadow: 1px 1px 10px #36D53C;
            color:  #03940d;
        }
.staff.rouge {
            border-color: #FF0000;
            box-shadow: 1px 1px 10px #FF0000;
            color: #FF0000;
        }
.staff.orange {
            border-color: #FA840E;
            box-shadow: 1px 1px 10px #FA840E;
            color: #FA840E;
        }
.staff.bleu {
            border-color: #1008ff;
            box-shadow: 1px 1px 10px #1008ff;
            color: #1008ff;
        }
















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
















/** ScrollToTop **/
#scrollToTop a{
position: fixed;
right: 0px;
bottom: 10px;
background-color: rgb(255,255,255); /** rgba fallback**/
background-color: rgba(255,255,255, 0.9);
padding: 3px 5px;
border: 1px solid #000;
}
#scrollToTop a:hover{
box-shadow: 0px 0px 5px #222;
-moz-box-shadow: 0px 0px 5px #222;
-webkit-box-shadow: 0px 0px 5px #222;
text-decoration: none !important;
}








tr.annonce td {background-color:#FEEBD1!important;} /* Modifie la couleur de fond des annonces */
tr.Note td {background-color:#FEEBD1!important;} /* Modifie la couleur de fond des Note */






















#av_quickreply img{
  position: relative;
  top: 35px;
  left: 15px;
}
 
#av_quickreply {
  float: left;
}









.bouhautbas {
    bottom: 40px;
    right: 1px; /* remplacez left par right pour afficher les boutons à droite */
    position: fixed;
    z-index: 100;
}












.vote {
    width: 24px; /*-- largeur de l'image choisie --*/
}














.postpagination span {
    float: left;
    display: inline;
    margin-left: 4px;
    padding: 0 8px;
    height: 26px;
    border: 1px solid;
    border-color: #C2D5E3;
    background-color: #FFF;
    background-repeat: no-repeat;
    color: #333;
    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: #369;
}
.postpagination span.pp_current {
    background-color: #E5EDF2;
    border-color: #C2D5E3;
    color: #333;
    font-weight: bold;
}
.postpagination {
    display: block;
    font: 12px/1.5 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%;
}














/*IMAGE INDEX*/
#i_icon_mini_index{
  background-image:url('http://i70.servimg.com/u/f70/16/34/40/69/accuei15.png'); /*image si la souris ne survole pas*/
  width:98px; /*Largeur de l'image*/
  height:102px; /*Hauteur de l'image*/
}
#i_icon_mini_index:hover{
  background-image:url('http://i70.servimg.com/u/f70/16/34/40/69/accuei15.png'); /*image si la souris survole*/
  width:100px; /*Largeur de l'image*/
  height:108px; /*Hauteur de l'image*/
}
/*IMAGE PORTAIL*/
#i_icon_mini_portal{
  background-image:url('http://i70.servimg.com/u/f70/16/34/40/69/portai12.png'); /*image si la souris ne survole pas*/
  width:100px; /*Largeur de l'image*/
  height:113px; /*Hauteur de l'image*/
}
#i_icon_mini_portal:hover{
  background-image:url('http://i70.servimg.com/u/f70/16/34/40/69/portai12.png'); /*image si la souris survole*/
  width:105px; /*Largeur de l'image*/
  height:119px; /*Hauteur de l'image*/
}


/*IMAGE LISTE MEMBRES*/
#i_icon_mini_members{
  background-image:url('http://i70.servimg.com/u/f70/16/34/40/69/membre12.png'); /*image si la souris ne survole pas*/
  width:100px; /*Largeur de l'image*/
  height:111px; /*Hauteur de l'image*/
}
#i_icon_mini_members:hover{
  background-image:url('http://i70.servimg.com/u/f70/16/34/40/69/membre12.png'); /*image si la souris survole*/
  width:100px; /*Largeur de l'image*/
  height:117px; /*Hauteur de l'image*/
}

/*IMAGE PROFIL*/
#i_icon_mini_profile{
  background-image:url('http://i70.servimg.com/u/f70/16/34/40/69/profil10.png'); /*image si la souris ne survole pas*/
  width:96px; /*Largeur de l'image*/
  height:111px; /*Hauteur de l'image*/
}
#i_icon_mini_profile:hover{
  background-image:url('http://i70.servimg.com/u/f70/16/34/40/69/profil10.png'); /*image si la souris survole*/
  width:98px; /*Largeur de l'image*/
  height:117px; /*Hauteur de l'image*/
}
/*IMAGE MP (pas de nouveaux messages)*/
#i_icon_mini_message{
  background-image:url('http://i70.servimg.com/u/f70/16/34/40/69/messag16.png'); /*image si la souris ne survole pas*/
  width:137px; /*Largeur de l'image*/
  height:95px; /*Hauteur de l'image*/
}
#i_icon_mini_message:hover{
  background-image:url('http://i70.servimg.com/u/f70/16/34/40/69/messag16.png'); /*image si la souris survole*/
  width:139px; /*Largeur de l'image*/
  height:101px; /*Hauteur de l'image*/
}

/*IMAGE DECONEXION*/
#i_icon_mini_logout{
  background-image:url('http://i70.servimg.com/u/f70/16/34/40/69/daconn13.png'); /*image si la souris ne survole pas*/
  width:114px; /*Largeur de l'image*/
  height:97px; /*Hauteur de l'image*/
}
#i_icon_mini_logout:hover{
  background-image:url('http://i70.servimg.com/u/f70/16/34/40/69/daconn13.png'); /*image si la souris survole*/
  width:116px; /*Largeur de l'image*/
  height:103px; /*Hauteur de l'image*/
}
/*IMAGE S'ENREGISTRER*/
#i_icon_mini_register{
  background-image:url('http://i70.servimg.com/u/f70/16/34/40/69/s_insc16.png'); /*image si la souris ne survole pas*/
  width:344px; /*Largeur de l'image*/
  height:95px; /*Hauteur de l'image*/
}
#i_icon_mini_register:hover{
  background-image:url('http://i70.servimg.com/u/f70/16/34/40/69/s_insc16.png'); /*image si la souris survole*/
  width:346px; /*Largeur de l'image*/
  height:100px; /*Hauteur de l'image*/
}
/*IMAGE CONNEXION*/
#i_icon_mini_login{
  background-image:url('http://i70.servimg.com/u/f70/16/34/40/69/connex12.png'); /*image si la souris ne survole pas*/
  width:94px; /*Largeur de l'image*/
  height:96px; /*Hauteur de l'image*/
}
#i_icon_mini_login:hover{
  background-image:url('http://i70.servimg.com/u/f70/16/34/40/69/connex12.png'); /*image si la souris survole*/
  width:96px; /*Largeur de l'image*/
  height:102px; /*Hauteur de l'image*/
}
/*IMAGE DONS*/
#i_icon_mini_dons{
  background-image:url('http://i70.servimg.com/u/f70/16/34/40/69/dons1010.png'); /*image si la souris ne survole pas*/
  width:65px; /*Largeur de l'image*/
  height:75px; /*Hauteur de l'image*/
}
#i_icon_mini_dons:hover{
  background-image:url('http://i70.servimg.com/u/f70/16/34/40/69/dons1010.png'); /*image si la souris survole*/
  width:67px; /*Largeur de l'image*/
  height:81px; /*Hauteur de l'image*/
}















.fa_avatar {
  width: 27px;
  height: 27px;
  position: relative;
  top: -1px;
  margin-right: 8px;
  border-radius: 3px;
  margin-bottom: -10px;
}








div.topictitle{
  text-decoration: none;
}






 
.opendate {
  font-size: 10px;
  font-weight: normal;
  font-style : italic;
  color: #000000;
}
.opendate:hover {
  font-size: 10px;
  font-weight: bold;
  font-style : italic;
  color: #FF0000;
}









        .sceditor-container iframe, .sceditor-container textarea {
 background: url(http://i70.servimg.com/u/f70/16/34/40/69/aide-p16.png) no-repeat center !important;
 }











/* Début - Styles pour la colorisation des codes */
 
.str { color: #080; }
.kwd { color: #008; }
.com { color: #800; }
.typ { color: #606; }
.lit { color: #066; }
.pun { color: #660; }
.pln { color: #000; }
.tag { color: #008; }
.atn { color: #606; }
.atv { color: #080; }
.dec { color: #606; }
pre.prettyprint { padding: 2px; }
ol.linenums { margin-top: 0; margin-bottom: 0 }
li.L0,
li.L1,
li.L2,
li.L3,
li.L5,
li.L6,
li.L7,
li.L8 { list-style-type: none }
li.L1,
li.L3,
li.L5,
li.L7,
li.L9 { background: #eee }
@media print {
  .str { color: #060; }
  .kwd { color: #006; font-weight: bold; }
  .com { color: #600; font-style: italic; }
  .typ { color: #404; font-weight: bold; }
  .lit { color: #044; }
  .pun { color: #440; }
  .pln { color: #000; }
  .tag { color: #006; font-weight: bold; }
  .atn { color: #404; }
  .atv { color: #060; }
}
 
/* Fin - Styles pour la colorisation des codes */









#comments_scroll_div.row1{
max-width: 150px;
overflow: hidden;}










.mod_tools {
  float:right;
  cursor:pointer;
  display:none;
}
.row2:hover .mod_tools {
  display: inline;
}









.cattitle {
    color: #0004A6;
    font-size: 19px;
    font-weight: 700;
    letter-spacing: 1px;
}









 
 
.sceditor-container iframe, .sceditor-container textarea {
width: 954px !important;
height: 319px !important
}
.sceditor-container.ltr.sourceMode {
width: 954px !important;
}
.sceditor-container.ltr.wysiwygMode {
width: 954px !important;
}
 
 














#widget-arrows {
  height: 13px;
}
.widget-arrow {
  height: 13px;
  width: 16px;
  border-radius: 4px;
  float: left;
  cursor: pointer;
  background: #f5ebf7 url(http://i.imgur.com/zVQMs.png) no-repeat 0 -13px;
}
.widget-arrow.isright {
  float: right;
}
.widget-arrow.isleft.isclosed, .widget-arrow.isright.isopened {
  background-position: 0 0;
}

Gabriel.

[Invité]

Bonjour,

Oui mes cases HTML et le BBCode sont bien cochées.

[2011N2]

Up

[2011N2]

Up

[2011N2]

Up

[2011N2]

Up

[2011N2]

Up

[2011N2]

Up

[2011N2]

Up

[2011N2]

Up

[2011N2]

Up

[2011N2]

Up

[2011N2]

Up

[stefou]

Bonjour,
J'avais le même problème comme sur la capture, le cadre qui dépasse quand la fenêtre n'est pas en plein écrans.
J'ai résolut le problème en changent la valeurs width de pixel en %

Code:

width: 100%!important;

[2011N2]

Bonjour,

Merci pour la réponse mais cela ne fonctionne pas désolé.

Par exemple si je mets :

Code:

.sceditor-container iframe, .sceditor-container textarea {
width: 953% !important;
height: 364% !important;}

Cela donne :

J'ai essayé avec plusieurs valeurs différentes et c'est pareil...

Gabriel.

[Lixyr]

Ici, il manque une info après le chiffre 868686 (par exemple px) :

Code:

#fa_toolbar{
background-image: url();
box-shadow: 0 0 3px 868686;
font-size: 14px!important;
}

Cordialement.

Bonjour, Tech.
Juste pour info : box-shadow c'est pour rajouter une ombre à un contenu, et la dernière partie correspond à la couleur de cette ombre, il manque donc un dièse.

Code:

#868686

Code:

.sceditor-container iframe, .sceditor-container textarea {
width: 953% !important;
height: 364% !important;}

Cela donne :

J'ai essayé avec plusieurs valeurs différentes et c'est pareil...

Gabriel.

953% c'est un peu grand, non ?
Vous avez essayé de mettre plutôt ça :

Code:

.sceditor-container iframe, .sceditor-container textarea {
width: 95% !important;
height: 36% !important;}

[stefou]

Si vous bougez les dimensions en px (pixels) les effet ne sont pas les mêmes par rapport aux différentes résolutions d’écrans ou taille de fenêtres de vos membres.
si vous travaillez en % le problème ne se pose pas puis que à ce moment là vous utilisé un pourcentage par rapport au résolutions.
mais si vous dépassez 100%, cela déborde de la valeur supérieur aux 100%. (953% c'est un peu beaucoup )
il faut également rectifier

Code:

.sceditor-container.ltr.sourceMode

et

Code:

.sceditor-container.ltr.wysiwygMode

J'ai testé, cela fonctionne essaye ceci...

remplace ce codes:

Code:

.sceditor-container iframe, .sceditor-container textarea {
width: 954px !important;
height: 319px !important
}
.sceditor-container.ltr.sourceMode {
width: 954px !important;
}
.sceditor-container.ltr.wysiwygMode {
width: 954px !important;
}

Par:

Code:

.sceditor-container iframe, .sceditor-container textarea {
    width: 100% !important;
    height: 319px !important
    }
    .sceditor-container.ltr.sourceMode {
    width: 100% !important;
    }
    .sceditor-container.ltr.wysiwygMode {
    width: 100% !important;
    }

[2011N2]

Bonjour,

Lixyr, cela donne ça avec votre code :

stefou, avec

Code:

.sceditor-container iframe, .sceditor-container textarea {
    width: 100% !important;
    height: 319px !important
    }
    .sceditor-container.ltr.sourceMode {
    width: 100% !important;
    }
    .sceditor-container.ltr.wysiwygMode {
    width: 100% !important;
    }

Cela agrandit uniquement la hauteur et lorsque j'augmente le pourcentage ce n'est pas cadré...

Merci pour votre aide.

Gabriel.

[Lixyr]

Et qu'est-ce que vous voulez exactement ? Si c'est un problème avec la hauteur, vous n'avez qu'à augmenter un peu cette valeur :

.sceditor-container iframe, .sceditor-container textarea {
width: 95% !important;
height: 36% !important;}

Mettre 38, ou 40 par exemple. A vous de voir et de changer jusqu'à ce que ça vous plaise.

[2011N2]

Re,

Ben je veux que ça ne dépasse plus chez To@d@ng3l, comme l'indique le titre : Cadre de réponse rapide qui dépasse

Comme déjà dit, j'ai essayé pas mal de valeurs et différentes et ça ne bouge pas.

Gabriel.

[Lixyr]

Ça dépasse en largeur ou en hauteur ?

[Invité]

Bonsoir,


Voilà le problème :




Cdlt.

[stefou]

Réduit le %

Code:

        .sceditor-container iframe, .sceditor-container textarea {
            width: 80% !important;
            height: 319px !important
            }
            .sceditor-container.ltr.sourceMode {
            width: 80% !important;
            }
            .sceditor-container.ltr.wysiwygMode {
            width: 80% !important;
            }


Cela agrandit uniquement

[Lixyr]

Je préconise de garder une largeur de base en pourcentage afin que ça prenne techniquement la place en fonction de celle disponible, tout en ajoutant une valeur maximale en px à ne pas dépasser.

Mais le plus simple serait aussi d'avoir un lien menant au problème.

En attendant essayez ça :

Code:

.sceditor-container iframe, .sceditor-container textarea {
width: 95% !important;
max-width:350px !important; /*valeur maximum en px à ne pas dépasser daprès le pourcentage*/
height: 40% !important;}

Modifiez les valeurs jusqu'à ce que ce soit correct.

[Invité]

Merci de vos réponses, je vais attendre que Gabriel passe par ici et qu'il fasse les essais.

Cdlt.

[2011N2]

Bonjour,

stefou, ton code fonctionne pour la hauteur en revanche, même en modifiant le pourcentage cela ne modifie pas la largeur.

Lixyr, votre code donne un cadre minuscule (cf capture de ce message : https://forum.forumactif.com/t357714p30-cadre-de-reponses-rapides-qui-depasse#3050502 ).
Et un lien pointant vers le problème de To@d@ng3l je n'en ai pas car le problème n'est pas présent chez moi.

Merci pour votre aide,

Gabriel.

[Lixyr]

Vous pouvez réouvrir l'espace invité, qu'on puisse voir les choses par nous-même ?

[2011N2]

Bonjour,

Les invités peuvent poster sur mon forum, mais ne peuvent accéder au cadre de réponse rapide (logique).

En revanche vous n'allez pas forcément avoir ce bug, car personnellement je ne l'ai pas. Comme pas mal de gens.
Mais un autre membre vient de me signaler le même souci donc ce n'est pas spécifique à To@d@ng3l.

Gabriel.