Cadre de réponses rapides qui dépasse

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 le 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 : http://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
# Tropactif #

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

http://www.forum-entraide-informatique.com/
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é le Mer 25 Sep 2013 - 23:10

Re,

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

Cdlt.

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 le Mer 25 Sep 2013 - 23:18

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

Automne
+ Hyperactif +

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

http://gilles570.forumactif.info/
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 le 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://illiweb.com/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
# Tropactif #

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

http://www.forum-entraide-informatique.com/
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é le Jeu 26 Sep 2013 - 7:26

Bonjour,

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

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 le Sam 28 Sep 2013 - 14:19

Up

2011N2
# Tropactif #

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

http://www.forum-entraide-informatique.com/
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 le Lun 30 Sep 2013 - 6:08

Up

2011N2
# Tropactif #

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

http://www.forum-entraide-informatique.com/
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 le Mar 1 Oct 2013 - 8:23

Up

2011N2
# Tropactif #

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

http://www.forum-entraide-informatique.com/
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 le Mer 2 Oct 2013 - 6:14

Up

2011N2
# Tropactif #

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

http://www.forum-entraide-informatique.com/
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 le Jeu 3 Oct 2013 - 6:16

Up

2011N2
# Tropactif #

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

http://www.forum-entraide-informatique.com/
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 le Ven 4 Oct 2013 - 20:01

Up

2011N2
# Tropactif #

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

http://www.forum-entraide-informatique.com/
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 le Sam 5 Oct 2013 - 21:28

Up

2011N2
# Tropactif #

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

http://www.forum-entraide-informatique.com/
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 le Lun 7 Oct 2013 - 7:11

Up

2011N2
# Tropactif #

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

http://www.forum-entraide-informatique.com/
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 le Ven 11 Oct 2013 - 19:06

Up

2011N2
# Tropactif #

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

http://www.forum-entraide-informatique.com/
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 le Lun 14 Oct 2013 - 6:44

Up

2011N2
# Tropactif #

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

http://www.forum-entraide-informatique.com/
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 le Mar 15 Oct 2013 - 20:37

Up

2011N2
# Tropactif #

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

http://www.forum-entraide-informatique.com/
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 le 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
*****

Masculin
Messages : 889
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 le 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 :

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

Gabriel.

2011N2
# Tropactif #

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

http://www.forum-entraide-informatique.com/
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 le 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 :

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
Aidactive
Aidactive

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

http://forum-test-in-lixyr.rpg-dynasty.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 le 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
*****

Masculin
Messages : 889
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 le Jeu 17 Oct 2013 - 19:30

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.

2011N2
# Tropactif #

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

http://www.forum-entraide-informatique.com/
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 le 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.





Lixyr
Aidactive
Aidactive

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

http://forum-test-in-lixyr.rpg-dynasty.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 le 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
# Tropactif #

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

http://www.forum-entraide-informatique.com/
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 le Jeu 17 Oct 2013 - 20:45

Ça dépasse en largeur ou en hauteur ?





Lixyr
Aidactive
Aidactive

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

http://forum-test-in-lixyr.rpg-dynasty.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é le Jeu 17 Oct 2013 - 21:27

Bonsoir,


Voilà le problème :




Cdlt.

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 le 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
*****

Masculin
Messages : 889
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 le 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
Aidactive
Aidactive

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

http://forum-test-in-lixyr.rpg-dynasty.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é le 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.

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 le 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 : http://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
# Tropactif #

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

http://www.forum-entraide-informatique.com/
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 le Dim 20 Oct 2013 - 0:42

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





Lixyr
Aidactive
Aidactive

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

http://forum-test-in-lixyr.rpg-dynasty.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 le 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
# Tropactif #

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

http://www.forum-entraide-informatique.com/
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


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