Rédaction dans le CSS irritant

[emc2]

Détails techniques

Version du forum : phpBB3
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Google Chrome
Personnes concernées par le problème : Moi uniquement
Problème apparu depuis : dès le début de la création
Lien du forum : https://cinepartage.forumactif.com/

Description du problème

Bonjour,
Je suis la création (toute fraîche) d'un forum, et depuis le début, j'ai toutes les peines du monde à travailler dans l'espace réservé au CSS.
Lorsque je rédige, mon curseur fait sa vie, il saute des caractères, revient en arrière, certains caractères sont modifiés, etc... En gros, il m'est impossible de rédiger mon codage clairement sans faire d'erreur.
Ma solution de dépannage, je le rédige sur mon bloc-notes et je fais un C/C sur mon espace CSS, mais honnêtement C'est lourd dingue !
Si quelqu'un connait ce symptôme, je suis preneur.

[Bryx]

Salut,

Ce problème provient de ton PC et de ta méthode d'écriture aux claviers. Si tu vas très vite, tu peux faire des erreurs. Tu as des erreurs avec un logiciel comme VS Code, SublimeText ou bien NotePad++ par hasard ?

Belle journée,
Bryx

[emc2]

Tu sembles avoir raison, car en reprenant ma tour fixe, je m'apperçois que le problème disparait en effet. cela dit, les notions de "VS Code, SublimeText ou bien NotePad++ " me sont parfaitement étrangère. ce ne sait pas de quoi il sagit. Je rédige depuis un pc portable windows 10 je crois. Est-ce qu'il existe une solution pour remédier à cela ? c'est assez agaçant lorsque l'on travaille un CSS et que l'on doit corriger plusieurs fois le code.
Merci par avance.

[Scoubifitz]

Bonjour,
Peut-être un correcteur orthographique ou un suggesteur de mots intégré qui remplace des mots automatiquement ?
À vérifier...

[emc2]

Je vais regarder ça, effectivement ça pourrait être une explication...
Typiquement, Lorsque je C/C ce code dans mon CSS: (notez le /*=CONNEXION*/ sur mon code, il se transforme en /*Rapport*/

Code:

/*CONNEXION*/
#i_icon_mini_login{background-image:url('https://i.servimg.com/u/f17/20/53/64/01/connex10.png'); width:100px; height:30px;background-position: 0 0;}
#i_icon_mini_login:hover{background-image:url('https://i.servimg.com/u/f17/20/53/64/01/connex11.png'); width:100px; height:30px;background-position: 0 0;}

Le texte se modifie pour devenir ça:

Et ce n'est qu'une bizarrerie parmi d'autres. Impossible non plus de corriger à l'aide du curseur car en le faisant promeber sur mes lignes de codes, il avance et recule aussitôt et la touche delete n'a aucun effet à certain endroits de mes lignes, etc, etc...

[Bipo]

Bonjour @emc2,

Est-ce possible de nous donner l'ensemble du CSS pour faire des tests ?

Bon dimanche sur Forumactif.

[emc2]

oui, biensûr, Il n'en est qu'à son début, je commence tout juste de développement du forum.

Code:

.posts-header {
  display: none;
}
/*ACCUEIL*/
#i_icon_mini_index{background-image:url('https://i.servimg.com/u/f17/20/53/64/01/accuei12.png'); width:78px; height:30px; background-position: 0 0;}
#i_icon_mini_index:hover{background-image:url('https://i.servimg.com/u/f17/20/53/64/01/accuei13.png'); width:78px; height:30px; background-position: 0 0;}
/*CALENDRIER*/
#i_icon_mini_calendar{background-image:url('https://i.servimg.com/u/f17/20/53/64/01/calend11.png'); width:100px; height:30px;}
#i_icon_mini_calendar:hover{background-image:url('https://i.servimg.com/u/f17/20/53/64/01/calend10.png'); width:100px; height:30px;}
/*derniere image*/
#i_icon_mini_imagelist{background-image:url('https://i.servimg.com/u/f97/19/53/12/91/calend11.png'); width:0px; height:0px;}
#i_icon_mini_imagelist:hover{background-image:url('https://i.servimg.com/u/f97/19/53/12/91/calend10.png'); width:0px; height:0px;}
/*FAQ*/
#i_icon_mini_faq{background-image:url('https://i.servimg.com/u/f75/16/74/01/20/33_24_10.png'); /*w=33 h=24*/width:0px; height:0px;}
#i_icon_mini_faq:hover{background-image:url('https://i.servimg.com/u/f75/16/74/01/20/33_24_11.png'); width:33px; height:24px;}
/*RECHERCHE*/
#i_icon_mini_search{background-image:url('https://i.servimg.com/u/f17/20/53/64/01/recher10.png'); width:116px; height:30px; background-position: 0 0;}
#i_icon_mini_search:hover{background-image:url('https://i.servimg.com/u/f17/20/53/64/01/recher11.png'); width:116px; height:30px; background-position: 0 0;}
/*MEMBRES*/
#i_icon_mini_members{background-image:url('https://i.servimg.com/u/f17/20/53/64/01/membre10.png'); width:96px; height:30px;background-position: 0 0;}
#i_icon_mini_members:hover{background-image:url('https://i.servimg.com/u/f17/20/53/64/01/membre11.png'); width:96px; height:30px;background-position: 0 0;}
/*GROUPES*/
#i_icon_mini_groups{background-image:url('https://i.servimg.com/u/f17/20/53/64/01/groupe10.png'); width:86px; height:30px;background-position: 0 0;}
#i_icon_mini_groups:hover{background-image:url('https://i.servimg.com/u/f17/20/53/64/01/groupe11.png'); width:86px; height:30px;background-position: 0 0;}
/*PROFIL*/
#i_icon_mini_profile{background-image:url('https://i.servimg.com/u/f17/20/53/64/01/profil10.png'); width:64px; height:30px;background-position: 0 0;}
#i_icon_mini_profile:hover{background-image:url('https://i.servimg.com/u/f17/20/53/64/01/profil11.png'); width:64px; height:30px;background-position: 0 0;}
/*MP (pas de nx messages)*/
#i_icon_mini_message{background-image:url('https://i.servimg.com/u/f17/20/53/64/01/messag10.png'); width:88px; height:30px;background-position: 0 0;}
#i_icon_mini_message:hover{background-image:url('https://i.servimg.com/u/f17/20/53/64/01/messag11.png'); width:88px; height:30px;background-position: 0 0;}
/*MP (nx messages)*/
#i_icon_mini_new_message{background-image:url('https://i.servimg.com/u/f97/19/53/12/91/nv_mes10.png'); width:70px; height:42px;background-position: 0 0;}
#i_icon_mini_new_message:hover{background-image:url('https://i.servimg.com/u/f97/19/53/12/91/nv_mes11.png'); width:70px; height:42px;background-position: 0 0;}
/*DECONEXION*/
#i_icon_mini_logout{background-image:url('https://i.servimg.com/u/f17/20/53/64/01/dzocon10.png'); width:120px; height:30px;background-position: 0 0;}
#i_icon_mini_logout:hover{background-image:url('https://i.servimg.com/u/f17/20/53/64/01/deconn10.png'); width:120px; height:30px;background-position: 0 0;}
/*S'ENREGISTRER*/
#i_icon_mini_register{background-image:url('https://i.servimg.com/u/f17/20/53/64/01/s_insc10.png'); width:90px; height:30px;background-position: 0 0;}
#i_icon_mini_register:hover{background-image:url('https://i.servimg.com/u/f17/20/53/64/01/s_insc11.png'); width:90px; height:30px;background-position: 0 0;}
/*CONNEXION*/
#i_icon_mini_login{background-image:url('https://i.servimg.com/u/f17/20/53/64/01/connex10.png'); width:100px; height:30px;background-position: 0 0;}
#i_icon_mini_login:hover{background-image:url('https://i.servimg.com/u/f17/20/53/64/01/connex11.png'); width:100px; height:30px;background-position: 0 0;}
.i_post{background-image: url('https://i.servimg.com/u/f35/18/78/04/18/nouvea10.png'); width:68px; height:35px;}
.i_post:hover{background-image: url('https://i.servimg.com/u/f35/18/78/04/18/nouvea11.png');}
img[alt="Répondre au sujet"],img[alt="Répondre au message"]{background: url('https://i.servimg.com/u/f35/18/78/04/18/repond10.png') top; width:68px; height:35px;}
img[alt="Répondre au sujet"]:hover,img[alt="Répondre au message"]:hover{background-position: bottom; /* position du sprite */}
img[alt="Envoyer l'e-mail"]{background: url('https://i.servimg.com/u/f62/19/80/66/73/bouton11.png') top; width:42px; height:34px;}
img[alt="Envoyer l'e-mail"]:hover{background-position: bottom; /* position du sprite */}
.i_icon_quote{background-image: url('https://i.servimg.com/u/f35/18/78/04/18/citer_10.png'); width:42px; height:30px;}
.i_icon_quote:hover{background-image: url('https://i.servimg.com/u/f35/18/78/04/18/citer_11.png');}
.i_icon_edit{background-image: url('https://i.servimg.com/u/f35/18/78/04/18/editer10.png'); width:48px; height:30px;}
.i_icon_edit:hover{background-image: url('https://i.servimg.com/u/f35/18/78/04/18/editer11.png');}
.i_icon_delete{background-image: url('https://i.servimg.com/u/f35/18/78/04/18/x_of10.png'); width:28px; height:30px;}
.i_icon_delete:hover{background-image: url('https://i.servimg.com/u/f35/18/78/04/18/x_on10.png');}
.i_icon_ip{background-image: url('https://i.servimg.com/u/f35/18/78/04/18/ip_of10.png'); width:28px; height:30px; }
.i_icon_ip:hover{background-image: url('https://i.servimg.com/u/f35/18/78/04/18/ip_on10.png');}
.i_icon_pm{background-image: url('https://i.servimg.com/u/f62/19/80/66/73/bouton12.png'); width:42px; height:34px;}
.i_icon_pm:hover{background-image: url('https://i.servimg.com/u/f62/19/80/66/73/bouton13.png');}
.i_icon_profile{background-image: url('https://i.servimg.com/u/f62/19/80/66/73/bouton14.png'); width:42px; height:34px;}
.i_icon_profile:hover{background-image: url('https://i.servimg.com/u/f62/19/80/66/73/bouton15.png');}
/*Icone lien reponse*/
dd.lastpost img[alt="Voir le dernier message"]{background-image: url('https://i.servimg.com/u/f35/18/52/82/28/bouton12.png'); width:18px; height:18px; }
dd.lastpost img[alt="Voir le dernier message"]:hover{background-image: url('https://i.servimg.com/u/f35/19/49/80/19/bouton10.png');}
/*Icone lien nouvelle reponse*/
dd.lastpost img[alt="Voir le message le plus récent"]
{
}
/*Icone lien nouvelle reponse au survol*/
dd.lastpost img[alt="Voir le message le plus récent"]:hover
{
}
img#i_icon_quote[alt="Editer le message"]{background-image:url('https://i.servimg.com/u/f35/18/78/04/18/editer10.png');height:30px;width:48px;}
img#i_icon_quote[alt="Editer le message"]:hover{background-image:url('https://i.servimg.com/u/f35/18/78/04/18/editer11.png');}

[Bipo]

Bonsoir @emc2,

Je viens de tester votre CSS sur deux forums et aucun problème n'est à reporter.

Je rejoins la remarque de @Scoubifitz en allant plus loin : peut-être une extension sur Chrome qui provoque ce désagrément ? Si vous avez des extensions Chrome, je vous invite à les désinstaller un par un et voir si le problème disparaît.

En tout cas, cela ne semble pas venir de Forumactif et je doute que ce soit un problème spécifique à votre forum. A tout hasard, avez-vous un deuxième forum pour tester le CSS ?

Belle nuit sur Forumactif.
Bipo.

[emc2]

Je vais prendre le temps de vérifier en faisant les tests croisés nécessaires, d'abord sur un autre forum, ensuite en désinstallant mes extensions chrome une par une. Je reviendrai donner le rapport. Pour moi également je suis plutôt sur un problème endémique à mes outils. Nous verrons...

[emc2]

Après touts les test et comparaison que j'ai pu faire. Il s'agit bien de mon pc. Sur un autre forum avec celui là, le problème est le même. Avec un autre pc sur mon forum, le problème n'apparaît plus. C'est ennuyeux car je ne voit pas de quoi cela peut venir.
Je cherche enncore un peu, et je baliserai en résolu d'ici deux ou trois jours même si je en trouve pas.

[Scoubifitz]

Bonjour,
À tester aussi avec un autre navigateur que Chrome pour être sûr que ça vient de là.

[emc2]

C'est bon, je viens de trouver. tout remarche impeccable. J'avais mis le traducteur en français en automatique, hors pour travailler sur le CSS, il faut choisir anglais par défaut.
Merci à tous de m'avoir suggéré vos idées.
Je balise en résolu.