Cadre de réponses rapides qui dépasse

[2011N2]

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.

[2011N2]

Up

[2011N2]

Up

[Tech]

Bonsoir,

Pour les captures d'écran : Ce lien n'est pas ou n'est plus disponible.

Cordialement.

[2011N2]

Bonsoir,

Voulez-vous que je lui demande de nouveau des captures ?

Et j'ajoute que ce problème est également présent sur un autre PC qui est connecté à la même box, donc cela ne provient pas du PC.

Gabriel.

[Tech]

Oui vous pouvez même si cela va être difficile de trouver la provenance du problème s'il est le seul à rencontrer ce problème.

Cordialement.

[2011N2]

Re,

Tenez : http://cjoint.com/13sp/CIstYrLuPGM_1.jpg

Oui mais pourtant, c'est sur 2 ordinateurs, donc par déduction il y en aura bien d'autres qui auront le souci... :s

Gabriel.

[Tech]

Je serais intéressé d'avoir le contenu de votre feuille de style CSS car en y jetant un œil 30 secondes, j'ai eu l'impression d'avoir vu quelques erreurs.

J'aurais plus facile si vous me la fournissez.

Cordialement.

[2011N2]

Re,

Oui pas de problème, la voici :

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;
    z-index: ;
    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 868686;
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 { dispay: none; color: #555!important; cursor: point; 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;
}










/* cacher ce qui dépasse toolbar */
 overflow: hidden;












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





Merci à vous,

Gabriel.

[Tech]

Pourquoi il y a déjà ça tout seul ?

Code:

/* cacher ce qui dépasse toolbar */
 overflow: hidden;

Cordialement.

[2011N2]

Re,

Mmmmh, je ne sais pas exactement, j'avais du trouver ce code ici surement...

Lequel faut-il pour "cacher ce qui dépasse" de la toolbar ?

Merci

Gabriel.

[Tech]

Aucune idée, ce n'est pas très précis mais ce qui est sûr c'est qu'il manque la partie ... { }

Cordialement.

[2011N2]

Re,

Oui je remplace donc par :

Code:

/* cacher ce qui dépasse toolbar */
{  overflow: hidden;
}

Non ?

Gabriel.

[Tech]

Il manque un id ou une class devant { donc non. Mais je ne sais pas quel était l'effet voulu.

Il y a aussi ici :

Code:

.save-bloc { dispay: none; color: #555!important; cursor: point; 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; }

cursor: point; n'existe pas, c'est cursor: pointer;

Cordialement.

[2011N2]

Re,

J'ai supprimé le code "Cacher ce qui dépasse de la toolbar", en effet j'ai jamais constaté de changement pour ça.

En revanche, pour le second, il y a une erreur sur l'astuce alors ? https://forum.forumactif.com/t311191-ajouter-un-bouton-de-sauvegarde-a-l-editeur-normal

Bizarre que personne ne l'ai signalé jusqu'à présent, d'autant plus que ça a l'air de fonctionner.

Gabriel.

[Tech]

Il doit y avoir une erreur, je vais voir ça avec Ea.

Ici, il manque la valeur à la propriété z-index :

Code:

a.tooltip:hover {
    border: 0;
    position: relative;
    z-index: ;
    text-decoration:none;
}

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.

[2011N2]

Re,

Ok, pour z-index, savez-vous exactement quel est son effet ?
Je connais le but de la commande, mais en l'occurrence je n'arrive pas à situer son effet sur mon forum.

Après 868686, je doute que ce soit px, car sinon ça ferai gros^^
La toolbar marche parfaitement, elle, est-il important d'ajouter un valeur après ce chiffre ? On peut le supprimer entièrement même non ?

Gabriel.

[Tech]

Je ne vois pas à quoi sert a.tooltip donc non mais vu qu'il n'y a pas de valeur vous pouvez retirer la ligne z-index sans problème.

Et vous pouvez aussi retirer le chiffre 868686, cela ne devrait rien changer je dirais. Seule la valeur 0 peut ne pas prendre "d'info" du style px ou % ou ... normalement

Cordialement.

[2011N2]

Re,

Ok c'est bon.

Si besoin, voici le nouveau code CSS :

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 { dispay: none; color: #555!important; cursor: point; 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;
}










/* cacher ce qui dépasse toolbar */
 overflow: hidden;












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















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

Merci,

Gabriel.

[Tech]

Il y a toujours le

Code:


/* cacher ce qui dépasse toolbar */
 overflow: hidden;

qui est une erreur importante...

Cordialement.

[2011N2]

Re,

Ah oui zut je n'avais pas du enregistré après l'avoir retiré, ce coup là c'est vraiment bon.

Merci.

Gabriel.

[Tech]

Bonjour,

Le CSS du tutoriel a été remis à jour, je vous conseille donc de remettre à jour cette partie :

Code:

.save-bloc { dispay: none; color: #555!important; cursor: point; 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; }

Disparition de dispay: none; (qui était mal écrit + doublon) et disparition de cursor: point; (qui n'existe pas).

Après on aura fait le tour des erreurs CSS il me semble

Cordialement.

[2011N2]

Bonsoir,

Ok, voilà c'est corrigé.

J'irai demander à la personne si le souci est résolu, mais j'en doute.
Cependant, le boulot effectué n'aura pas servit à rien, on aura fait un peu de ménage dans le CSS.

Je vous tiens au courant.

Merci et bonne soirée,

Gabriel.

[2011N2]

Bonsoir,

Bon, le souci persiste.

Le problème pourrait être résolu par les menus déroulant que j'ai installé en haut du forum. Cependant comme déjà dit le choix ne s'enregistre pas.
En revanche, pour cacher les widgets, le choix s'enregistre.

Une idée pour résoudre ce problème d'enregistrement de choix ?

Merci,

Gabriel.

[2011N2]

Up

[2011N2]

Up

[Invité]

Bonsoir,

Je me permet de relancer le sujet, car le problème n'est toujours pas résolu.

PS: Je suis la personne qui a le problème chez Gabriel.

[Automne]

Bonjour,

Je vois dans le css

Code:

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


Pour mon écran, la réponse rapide déborde pas mal. J'aurais mis a la place de la partie cité plus haut

Code:

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



après je ne peux pas dire le changement que cela aura sur ton écran plus large, mais le problème sera réglé pour le membre qui a le meme soucis que moi  

[Invité]

Bonsoir Automne,

Merci à vous pour cette réponse, je vais attendre que Gabriel fasse l'essai.

Cdlt.

[2011N2]

Bonsoir Automne,

Merci pour ta réponse.

J'ai remplacé par ton code, chez moi je ne constate aucun changement (heureusement vu que tout allait bien^^), on va voir ce que ça donne chez To@d@ng3l.

Bonne soirée,

Gabriel.