• Site mis à jour le 18 janvier 2019

Attribuer une classe css aux anchors

  • MartydeSurl
  • Auteur du sujet
  • Hors Ligne
  • Nouveau Rédacteur
  • Nouveau Rédacteur
Plus d'informations
il y a 4 ans 9 mois - il y a 4 ans 9 mois #9059 par MartydeSurl
Attribuer une classe css aux anchors a été créé par MartydeSurl
Bonjour,

Voici mon problème : J'ai un site web sur une seule page dont les liens du menu envoient vers des anchors plus bas dans la page. J'ai cependant mon top menu qui fait par exemple 200px de haut en position fixed. Autrement dit, quand je clique sur un lien de mon menu, il m'amène à l'anchor spécifiée, mais dont la partie supérieure est "cachée" par mon top menu ! J'ai donc créé une classe qui permet quand on clique sur un lien du menu d'arriver 200px au dessus de cette fameuse anchor, pour voir l'intégralité de mon contenu. Tout fonctionne parfaitement. La seule chose, c'est que quand je rajoute à l'anchor classique la partie
class="xxx"
, que j'enregistre et je quitte l'édition, certes le résultat est celui attendu sur mon site en front-end mais cette partie du code a disparu quand je reviens dans l'éditeur pour faire une modification. Je dois donc rajouter cette classe à chaque fois comme dernière modification avant d'enregistrer et fermer. Y a-t-il une solution à ce problème ?

Merci à vous, j'espère me faire comprendre ^_^

Edit: Dans configuration, filtres de texte, l'option "aucun filtre" est active pour le super user... Je vois encore moins comment régler ce problème :P
Dernière édition: il y a 4 ans 9 mois par MartydeSurl.

Connexion ou Créer un compte pour participer à la conversation.

Plus d'informations
il y a 4 ans 9 mois #9062 par yamadix
Réponse de yamadix sur le sujet Attribuer une classe css aux anchors
Hello,

Je n'ai pas de solution au problème soulevé par Marty [par ailleurs mon très cher neveu ... ;-) ] mais j'ai constaté que JCE réagissait pareillement avec la propriété "Style".

En effet, JCE efface systématiquement une propriété "style" que j'insère dans une balise "Ancre" via JCE en mode "Editeur de code". Voici le code tel que je l'introduis et que je voudrais qu'il soit sauvé lorsque je clique sur le bouton "Enregistrer" ou "Enregistrer et fermer"
<a style="padding-top: 155px;" name="organisation"></a>
Mais rien à faire, voici le code sauvé :
<a name="organisation"></a>
Il y a 2 workarounds possibles :
1. Cliquer sur le bouton "Enregistrer et fermer" lorsque JCE est en mode "Editeur de code"
2. Travailler avec l'éditeur TinyMCE ...

Pourquoi ce comportement inattendu de JCE alors que les paramètres relatifs à l'insertion de code CSS sont a priori tous correctement positionnés :

Paramètres Joomla :
>> Configuration >> Filtres de texte
Super utilisateur : Aucun filtre

Paramètres JCE
Configuration globale
Nettoyage et sortie >> Type de validation : HTML5
Profils JCE - Default
Paramètres avancés :
Autoriser le JavaScript : oui
Autoriser le CSS : oui
Autoriser le PHP : oui
Scripts XHTML intégrés : oui
Nettoyage et sortie
Validation HTML : non ou hérité (les 2 donnent le même résultat)

Configuration : Joomla! 3.2.3, JCE 2.3.4.4

Y a-t-il encore d'autres paramètres pertinents ?

Cordialement,

Yamadix

Connexion ou Créer un compte pour participer à la conversation.

Plus d'informations
il y a 4 ans 9 mois #9076 par mihaly
Réponse de mihaly sur le sujet Attribuer une classe css aux anchors
Hello,
C'est peut-être la validation HTML5 qui pose problème, mais je n'ai pas testé.
Sinon je ne vois pas d'autres réglages qui permettrait de modifier ce comportement.

Mihàly Marti alias Sarki

Connexion ou Créer un compte pour participer à la conversation.

Plus d'informations
il y a 4 ans 9 mois - il y a 4 ans 9 mois #9082 par yamadix
Réponse de yamadix sur le sujet Attribuer une classe css aux anchors
Salut Mihaly,

J'ai testé aussi "Validation HTML : Non" et le résultat est le même !!!

En fait, il faut nuancer ...

D'abord, j'ai changé mon fusil d'épaule : j'ai remplacé le style= par une classe définie dans le template.css (pour info : .anchor{position: relative; top: -155px;}

Avec "Validation HTML : Non", "<p><a class="anchor" name="inscriptions"></a></p>" est remplacé par "<p><a name="inscriptions"></a>"
Avec validation HTML : Hérité, Hérité|Oui, HTML4|oui, HTML5, "<p><a class="anchor" name="inscriptions"></a></p>" est remplacé par "<p>&nbsp</a>"

Illustration sur les sites www.joggingdeleernes.be ou www.daminfor.be

Cordialement,

Yamadix
Dernière édition: il y a 4 ans 9 mois par yamadix. Raison: .

Connexion ou Créer un compte pour participer à la conversation.

Plus d'informations
il y a 4 ans 9 mois #9085 par mihaly
Réponse de mihaly sur le sujet Attribuer une classe css aux anchors
Ok, merci pour ces infos.
Ce serait bien si tu as accès au forum de l'auteur de voir si ce sujet n'a pas déjà été traité, car cela ressemble à un bug qui devrait être corrigé.
www.joomlacontenteditor.net/forum/index.php

Mihàly Marti alias Sarki

Connexion ou Créer un compte pour participer à la conversation.

Plus d'informations
il y a 4 ans 8 mois #9113 par yamadix
Réponse de yamadix sur le sujet Attribuer une classe css aux anchors
Hello Mihaly,

Sorry ! J'ai un peu oublié ...

Je n'ai malheureusement pas souscrit d'abonnement support. Reste plus qu'à utiliser le workaround et à considérer le problème comme clos.

Merci pour ton aide.

Cordialement,

Yamadix

Connexion ou Créer un compte pour participer à la conversation.

Temps de génération de la page : 0.152 secondes
Propulsé par Kunena

Rechercher