Cadre de réponses rapides qui dépasse

Page 1 sur 4 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

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 2011N2 le Mar 17 Sep 2013 - 7:58

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 18 Sep 2013 - 6: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 Tech le Mer 18 Sep 2013 - 19:06

Bonsoir,

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

Cordialement.



{ Règles Générales } { Question & Réponses Fréquentes } { Le Staff de ForumActif }

Tech
Modéractif
Modéractif

Masculin
Messages : 21119
Inscrit(e) le : 01/12/2007

http://forum.forumactif.com
Tech 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 18 Sep 2013 - 19:09

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.

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 Tech le Mer 18 Sep 2013 - 19:52

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.



{ Règles Générales } { Question & Réponses Fréquentes } { Le Staff de ForumActif }

Tech
Modéractif
Modéractif

Masculin
Messages : 21119
Inscrit(e) le : 01/12/2007

http://forum.forumactif.com
Tech 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 18 Sep 2013 - 19:53

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.

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 Tech le Mer 18 Sep 2013 - 20:02

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.



{ Règles Générales } { Question & Réponses Fréquentes } { Le Staff de ForumActif }

Tech
Modéractif
Modéractif

Masculin
Messages : 21119
Inscrit(e) le : 01/12/2007

http://forum.forumactif.com
Tech 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 18 Sep 2013 - 20:04

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










/* 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.

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 Tech le Mer 18 Sep 2013 - 20:14

Pourquoi il y a déjà ça tout seul ?
Code:
/* cacher ce qui dépasse toolbar */
 overflow: hidden;

Cordialement.



{ Règles Générales } { Question & Réponses Fréquentes } { Le Staff de ForumActif }

Tech
Modéractif
Modéractif

Masculin
Messages : 21119
Inscrit(e) le : 01/12/2007

http://forum.forumactif.com
Tech 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 18 Sep 2013 - 20:17

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 Smile

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 Tech le Mer 18 Sep 2013 - 20:18

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.



{ Règles Générales } { Question & Réponses Fréquentes } { Le Staff de ForumActif }

Tech
Modéractif
Modéractif

Masculin
Messages : 21119
Inscrit(e) le : 01/12/2007

http://forum.forumactif.com
Tech 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 18 Sep 2013 - 20:19

Re,

Oui je remplace donc par :

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

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 Tech le Mer 18 Sep 2013 - 20:26

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://illiweb.com/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.



{ Règles Générales } { Question & Réponses Fréquentes } { Le Staff de ForumActif }

Tech
Modéractif
Modéractif

Masculin
Messages : 21119
Inscrit(e) le : 01/12/2007

http://forum.forumactif.com
Tech 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 18 Sep 2013 - 20:35

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 ? http://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.

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 Tech le Mer 18 Sep 2013 - 20:39

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.



{ Règles Générales } { Question & Réponses Fréquentes } { Le Staff de ForumActif }

Tech
Modéractif
Modéractif

Masculin
Messages : 21119
Inscrit(e) le : 01/12/2007

http://forum.forumactif.com
Tech 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 18 Sep 2013 - 20:47

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.

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 Tech le Mer 18 Sep 2013 - 20:52

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 Wink

Cordialement.



{ Règles Générales } { Question & Réponses Fréquentes } { Le Staff de ForumActif }

Tech
Modéractif
Modéractif

Masculin
Messages : 21119
Inscrit(e) le : 01/12/2007

http://forum.forumactif.com
Tech 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 18 Sep 2013 - 21:21

Re,

Ok c'est bon. Wink

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










/* 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.

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 Tech le Mer 18 Sep 2013 - 21:43

Il y a toujours le
Code:

/* cacher ce qui dépasse toolbar */
 overflow: hidden;
qui est une erreur importante...

Cordialement.



{ Règles Générales } { Question & Réponses Fréquentes } { Le Staff de ForumActif }

Tech
Modéractif
Modéractif

Masculin
Messages : 21119
Inscrit(e) le : 01/12/2007

http://forum.forumactif.com
Tech 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 18 Sep 2013 - 23:23

Re,

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

Merci.

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 Tech le Jeu 19 Sep 2013 - 18:16

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://illiweb.com/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 Smile

Cordialement.



{ Règles Générales } { Question & Réponses Fréquentes } { Le Staff de ForumActif }

Tech
Modéractif
Modéractif

Masculin
Messages : 21119
Inscrit(e) le : 01/12/2007

http://forum.forumactif.com
Tech 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 19 Sep 2013 - 21:01

Bonsoir,

Ok, voilà c'est corrigé. Wink

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

Je vous tiens au courant.

Merci et bonne soirée,

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 2011N2 le Ven 20 Sep 2013 - 21:15

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
# 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 23 Sep 2013 - 13:42

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 25 Sep 2013 - 6:24

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 Invité le Mer 25 Sep 2013 - 20:30

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.

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 - 22:09

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 Wink 

Automne
+ Hyperactif +

Messages : 8423
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 Invité le Mer 25 Sep 2013 - 23:02

Bonsoir Automne,

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

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

Bonsoir Automne,

Merci pour ta réponse. Wink

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.

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 1 sur 4 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