Cadre de réponses rapides qui dépasse

5 participants

Page 2 sur 4 Précédent  1, 2, 3, 4  Suivant

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

Résolu Cadre de réponses rapides qui dépasse

Message par 2011N2 Dim 15 Sep 2013 - 15:29

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.


Dernière édition par 2011N2 le Jeu 24 Oct 2013 - 21:17, édité 1 fois
2011N2

2011N2
Membre habitué

Masculin
Messages : 1415
Inscrit(e) le : 10/04/2011

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

Résolu Re: Cadre de réponses rapides qui dépasse

Message par Invité Mer 25 Sep 2013 - 23:10

Re,

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

Cdlt.
Anonymous

Invité
Invité


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

Résolu Re: Cadre de réponses rapides qui dépasse

Message par Automne Mer 25 Sep 2013 - 23:18

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

Automne
Membre actif

Messages : 8431
Inscrit(e) le : 22/03/2010

https://gilles570.motards.net/
Automne a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Cadre de réponses rapides qui dépasse

Message par 2011N2 Jeu 26 Sep 2013 - 6:23

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.
2011N2

2011N2
Membre habitué

Masculin
Messages : 1415
Inscrit(e) le : 10/04/2011

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

Résolu Re: Cadre de réponses rapides qui dépasse

Message par Invité Jeu 26 Sep 2013 - 7:26

Bonjour,

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

Invité
Invité


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

Résolu Re: Cadre de réponses rapides qui dépasse

Message par 2011N2 Sam 28 Sep 2013 - 14:19

Up
2011N2

2011N2
Membre habitué

Masculin
Messages : 1415
Inscrit(e) le : 10/04/2011

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

Résolu Re: Cadre de réponses rapides qui dépasse

Message par 2011N2 Lun 30 Sep 2013 - 6:08

Up
2011N2

2011N2
Membre habitué

Masculin
Messages : 1415
Inscrit(e) le : 10/04/2011

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

Résolu Re: Cadre de réponses rapides qui dépasse

Message par 2011N2 Mar 1 Oct 2013 - 8:23

Up
2011N2

2011N2
Membre habitué

Masculin
Messages : 1415
Inscrit(e) le : 10/04/2011

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

Résolu Re: Cadre de réponses rapides qui dépasse

Message par 2011N2 Mer 2 Oct 2013 - 6:14

Up
2011N2

2011N2
Membre habitué

Masculin
Messages : 1415
Inscrit(e) le : 10/04/2011

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

Résolu Re: Cadre de réponses rapides qui dépasse

Message par 2011N2 Jeu 3 Oct 2013 - 6:16

Up
2011N2

2011N2
Membre habitué

Masculin
Messages : 1415
Inscrit(e) le : 10/04/2011

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

Résolu Re: Cadre de réponses rapides qui dépasse

Message par 2011N2 Ven 4 Oct 2013 - 20:01

Up
2011N2

2011N2
Membre habitué

Masculin
Messages : 1415
Inscrit(e) le : 10/04/2011

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

Résolu Re: Cadre de réponses rapides qui dépasse

Message par 2011N2 Sam 5 Oct 2013 - 21:28

Up
2011N2

2011N2
Membre habitué

Masculin
Messages : 1415
Inscrit(e) le : 10/04/2011

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

Résolu Re: Cadre de réponses rapides qui dépasse

Message par 2011N2 Lun 7 Oct 2013 - 7:11

Up
2011N2

2011N2
Membre habitué

Masculin
Messages : 1415
Inscrit(e) le : 10/04/2011

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

Résolu Re: Cadre de réponses rapides qui dépasse

Message par 2011N2 Ven 11 Oct 2013 - 19:06

Up
2011N2

2011N2
Membre habitué

Masculin
Messages : 1415
Inscrit(e) le : 10/04/2011

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

Résolu Re: Cadre de réponses rapides qui dépasse

Message par 2011N2 Lun 14 Oct 2013 - 6:44

Up
2011N2

2011N2
Membre habitué

Masculin
Messages : 1415
Inscrit(e) le : 10/04/2011

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

Résolu Re: Cadre de réponses rapides qui dépasse

Message par 2011N2 Mar 15 Oct 2013 - 20:37

Up
2011N2

2011N2
Membre habitué

Masculin
Messages : 1415
Inscrit(e) le : 10/04/2011

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

Résolu Re: Cadre de réponses rapides qui dépasse

Message par stefou Mar 15 Oct 2013 - 23:11

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;
stefou

stefou
*****

Masculin
Messages : 901
Inscrit(e) le : 24/11/2009

http://discussansfrontieres.forumgratuit.fr/forum
stefou a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Cadre de réponses rapides qui dépasse

Message par 2011N2 Mer 16 Oct 2013 - 8:54

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 : Cadre de réponses rapides qui dépasse - Page 2 Cadre_10

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

Gabriel.
2011N2

2011N2
Membre habitué

Masculin
Messages : 1415
Inscrit(e) le : 10/04/2011

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

Résolu Re: Cadre de réponses rapides qui dépasse

Message par Lixyr Mer 16 Oct 2013 - 9:02

Tech a écrit: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

2011N2 a écrit:
Code:
.sceditor-container iframe, .sceditor-container textarea {
width: 953% !important;
height: 364% !important;}
Cela donne : Cadre de réponses rapides qui dépasse - Page 2 Cadre_10

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;}
Lixyr

Lixyr
Aidactive
Aidactive

Féminin
Messages : 7381
Inscrit(e) le : 22/07/2010

https://forum.forumactif.com
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Cadre de réponses rapides qui dépasse

Message par stefou Mer 16 Oct 2013 - 9:46

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 Very Happy)
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;
    }
stefou

stefou
*****

Masculin
Messages : 901
Inscrit(e) le : 24/11/2009

http://discussansfrontieres.forumgratuit.fr/forum
stefou a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Cadre de réponses rapides qui dépasse

Message par 2011N2 Jeu 17 Oct 2013 - 19:30

Bonjour,

Lixyr, cela donne ça avec votre code : Cadre de réponses rapides qui dépasse - Page 2 Cadre_11

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.
2011N2

2011N2
Membre habitué

Masculin
Messages : 1415
Inscrit(e) le : 10/04/2011

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

Résolu Re: Cadre de réponses rapides qui dépasse

Message par Lixyr Jeu 17 Oct 2013 - 20:33

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.


Pour faciliter les recherches, mettez un titre explicite.
Remerciez Cadre de réponses rapides qui dépasse - Page 2 976083691 le message qui vous a aidé pour que celui-ci soit mis en évidence.
Épinglez votre sujet en résolu Cadre de réponses rapides qui dépasse - Page 2 3592387030 pour prévenir la modération.

Cadre de réponses rapides qui dépasse - Page 2 Baston10
Lixyr

Lixyr
Aidactive
Aidactive

Féminin
Messages : 7381
Inscrit(e) le : 22/07/2010

https://forum.forumactif.com
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Cadre de réponses rapides qui dépasse

Message par 2011N2 Jeu 17 Oct 2013 - 20:41

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.
2011N2

2011N2
Membre habitué

Masculin
Messages : 1415
Inscrit(e) le : 10/04/2011

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

Résolu Re: Cadre de réponses rapides qui dépasse

Message par Lixyr Jeu 17 Oct 2013 - 20:45

Ça dépasse en largeur ou en hauteur ?


Pour faciliter les recherches, mettez un titre explicite.
Remerciez Cadre de réponses rapides qui dépasse - Page 2 976083691 le message qui vous a aidé pour que celui-ci soit mis en évidence.
Épinglez votre sujet en résolu Cadre de réponses rapides qui dépasse - Page 2 3592387030 pour prévenir la modération.

Cadre de réponses rapides qui dépasse - Page 2 Baston10
Lixyr

Lixyr
Aidactive
Aidactive

Féminin
Messages : 7381
Inscrit(e) le : 22/07/2010

https://forum.forumactif.com
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Cadre de réponses rapides qui dépasse

Message par Invité Jeu 17 Oct 2013 - 21:27

Bonsoir,


Voilà le problème :

Cadre de réponses rapides qui dépasse - Page 2 J10


Cdlt.
Anonymous

Invité
Invité


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

Résolu Re: Cadre de réponses rapides qui dépasse

Message par stefou Jeu 17 Oct 2013 - 22:04

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
stefou

stefou
*****

Masculin
Messages : 901
Inscrit(e) le : 24/11/2009

http://discussansfrontieres.forumgratuit.fr/forum
stefou a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Cadre de réponses rapides qui dépasse

Message par Lixyr Jeu 17 Oct 2013 - 22:13

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

Lixyr
Aidactive
Aidactive

Féminin
Messages : 7381
Inscrit(e) le : 22/07/2010

https://forum.forumactif.com
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Cadre de réponses rapides qui dépasse

Message par Invité Jeu 17 Oct 2013 - 22:50

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

Cdlt.
Anonymous

Invité
Invité


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

Résolu Re: Cadre de réponses rapides qui dépasse

Message par 2011N2 Sam 19 Oct 2013 - 16:49

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.
2011N2

2011N2
Membre habitué

Masculin
Messages : 1415
Inscrit(e) le : 10/04/2011

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

Résolu Re: Cadre de réponses rapides qui dépasse

Message par Lixyr Dim 20 Oct 2013 - 0:42

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


Pour faciliter les recherches, mettez un titre explicite.
Remerciez Cadre de réponses rapides qui dépasse - Page 2 976083691 le message qui vous a aidé pour que celui-ci soit mis en évidence.
Épinglez votre sujet en résolu Cadre de réponses rapides qui dépasse - Page 2 3592387030 pour prévenir la modération.

Cadre de réponses rapides qui dépasse - Page 2 Baston10
Lixyr

Lixyr
Aidactive
Aidactive

Féminin
Messages : 7381
Inscrit(e) le : 22/07/2010

https://forum.forumactif.com
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Cadre de réponses rapides qui dépasse

Message par 2011N2 Dim 20 Oct 2013 - 11:53

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.
2011N2

2011N2
Membre habitué

Masculin
Messages : 1415
Inscrit(e) le : 10/04/2011

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

Page 2 sur 4 Précédent  1, 2, 3, 4  Suivant

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

- Sujets similaires

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