Editeur code & mediaqueries
Imprimé depuis: Forum openElement
Categorie:
openElement
Nom du Forum: Rapports d'erreurs
Description du Forum: Dépots de rapports d'erreurs pour le support technique
URL: https://forums.openelement.uk/fr/forum_posts.asp?TID=23814
Date: 20 Avr 2024 à 14:44
Version logiciel: Web Wiz Forums 12.04 - http://www.webwizforums.com
Sujet: Editeur code & mediaqueries
Posté par: LVO
Sujet: Editeur code & mediaqueries
Posté le: 06 Mar 2020 à 21:39
|
Je viens d'avoir un sacré bug avec l'éditeur de code intégré dans Openelement: J'ai créé un nouveau breackpoint dans l'éditeur de média: only screen and (max-width: 640px) À la suite de cette création, en écrivant le code CSS suivant, dans l'éditeur de code: @only screen and (max-width: 640px) { .classPerso { background-color: green; } } J'ai obtenu une erreur sur la fonction: $(selector).scroll(function) etc . . . La console Chrome ne montre aucune erreur! Après 2 bonnes heures de recherche, je me suis rendu compte que: Si on écrit directement le code "@only screen and (max-width: 640px) { etc . . ." dans l'éditeur Openelement, on obtient un dysfonctionnement, MAIS que si on édite ce code dans un éditeur externe, notepad++ ou Sublime Text, puis qu'on le recopie dans Openelement, ce dysfonctionnement ne se produit pas . . . Avez-vous également rencontré ce bug? |
Réponses:
Posté par: brolysan
Posté le: 08 Mar 2020 à 17:50
|
bonjour, Cela va demander d'effectuer des tests, dans la semaine, pour voir si l'on peut reproduire ce bug. ------------- https://sensode.com" rel="nofollow - Sensode https://www.creads.fr/blog/graphiste-freelance2/parole-de-brolysan-45-ans-graphiste" rel="nofollow - Biographie |
Posté par: brolysan
Posté le: 08 Mar 2020 à 17:58
|
Si j'ai bien compris, vous avez ajouté un nouveau média dans les média éditions. Donc, la deuxième partie du code n'est pas réellement nécessaire, vous pouvez le faire directement dans OE. Soit vous vous servez que de la deuxième partie, en code pure. ------------- https://sensode.com" rel="nofollow - Sensode https://www.creads.fr/blog/graphiste-freelance2/parole-de-brolysan-45-ans-graphiste" rel="nofollow - Biographie |
Posté par: Hobby001
Posté le: 09 Mar 2020 à 03:13
|
Ajouter un nouveau média dans le tableau de gestion des médias ne requiert que la taille d'écran Tout le reste du code est utilisé à travers les propriétés. Ainsi votre code doit être
L'exemple affiché dans la bas du tableau le démontre.
------------- https://denislafrance.net" rel="nofollow - https://denislafrance.net https://www.youtube.com/playlist?list=PLWg7A6YtIr7VtnP3HvRpMhx8tFJET_fih" rel="nofollow - , Formation vidéo sur OE |
Posté par: Hobby001
Posté le: 09 Mar 2020 à 12:44
|
Si vous désirez créer une réaction au média en CSS dans un bloc de code CSS vous devez utiliser la bonne syntaxe https://www.w3schools.com/cssref/css3_pr_mediaquery.asp" rel="nofollow - https://www.w3schools.com/cssref/css3_pr_mediaquery.asp
L'éditeur d'OE n'a rien à voir là dedans.
------------- https://denislafrance.net" rel="nofollow - https://denislafrance.net https://www.youtube.com/playlist?list=PLWg7A6YtIr7VtnP3HvRpMhx8tFJET_fih" rel="nofollow - , Formation vidéo sur OE |
Posté par: LVO
Posté le: 09 Mar 2020 à 19:33
Cornebistouille !  J'ai mal relu mon premier post avant de le valider! J'ai omis le MEDIA dans le texte  J'ai verifié mon code CSS dans mon projet, qui est correct, et ce bug s'est produit en écrivant directement dans l'éditeur, avec la bonne syntaxe. 
|
Posté par: Hobby001
Posté le: 09 Mar 2020 à 20:13
|
Pouvez-vous le reproduire? Dans quelles circonstances? ------------- https://denislafrance.net" rel="nofollow - https://denislafrance.net https://www.youtube.com/playlist?list=PLWg7A6YtIr7VtnP3HvRpMhx8tFJET_fih" rel="nofollow - , Formation vidéo sur OE |