Discussion :

[laurentSc]

Bonsoir,

je souhaite que les liens soient soulignés, ce qui est l'apparence standard dans la plupart des sites, alors que par défaut , il n'y a aucun changement d'apparence entre un lien et du texte simple.

Pour obtenir cela, j'ai été dans "Apparence/Editeur de fichiers de thèmes"



et modifié le fichier Style.css (Stylesheet), en y ajoutant la règle :

Code css :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
a{
text-decoration:underline !important;
}

Je m'attendais en introduisant cette règle à ce que les liens html soient soulignés. Or, il n'en est rien. Pourquoi et comment faire ?

[vttman]

Bonjour,
Il peut y avoir plusieurs fichier css et la sélection de balise la plus précise l'emporte sur les autres règles
https://fr.wikibooks.org/wiki/Le_lan...%C3%A9lecteurs
L'ordre dans les fichiers .css est important et l'ordre d'appel aussi de ces fichier css
Note :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

!important

est à éviter car c'est une sorte de dernier recours quand on veut forcer un comportement particulier et qu'on a renoncé à analyser le "Comment a été réalisé son site web, que ça soit une reprise ou un SGC/CMS ?"

Maintenant dans notre cas, il est fort à parier que quelque part dans un .css on ait cette règle

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
a{
text-decoration:none !important;
}

qui s'applique quelque part en aval de ton code ...

Donc l'idée est
1) Changer de navigateur ou passer en navigation privée pour être sûr que tu n'as pas affaire à un problème de cache
2) Utiliser inspecter sous son navigateur ou regarder des tutos pour savoir comment s'en servir (très très utile) pour tenter de repérer la règle et le fichier css qui passent devant ton code
3) Récupérer le site wordpress en local et rechercher dans tous les fichiers tout ce qui touche à l'élément a (ancre), donc dans les .css, .js, .php .... On peut avoir du css dans des .js mais aussi dans des .php (méfiance) ça dépend comment tout ça a été programmé et avec quel talent
4) Un lien vers ton site ?

[laurentSc]

Bonjour,
merci pour ta réponse vttman.

D'abord, un lien vers la page qui contient des liens que je voudrais soulignés au lieu de les colorer en bleu : https://vercorshandisport.org/vhs/ev...avoyarde/#main

Sinon, la lecture du lien que tu fournis m'a fait pensé que si l'ordre des classes CSS a son importance, ça devrait pas poser de problème en utilisant des identifiants. Donc j'ai fait :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
Inscription 10km : <a href="https://handisport.unautresport.com/evenement/2022-CDFNordiqueFeclaz" id="savoyarde10"> https://handisport.unautresport.com/evenement/2022-CDFNordiqueFeclaz</a>
 
 
Si vous souhaitez participer à d'autres courses pour cet événement :
 
Inscription 21km et autres : <a href="https://unautresport.com/evenement/2022-LaSavoyarde" id="savoyarde21">https://unautresport.com/evenement/2022-LaSavoyarde</a>

et

Code css :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
#savoyarde21,#savoyarde10{
text-decoration:underline;
}

Même avec ça, aucun soulignement ; pourquoi ?

NB : je ne sais pas utiliser l'inspecteur. J'essaierai peut-être de combler cette lacune.

[NJNDEV]

Bonjour,
dans le navigateur je vois cette règle:

Code CSS :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
#main article a {
  text-decoration: none !important;
  font-size: 100% !important;
}

avec les modifications de l'image 2 le soulignement apparait bien


au pire essaie <span style="text-decoration: underline;"> ce n'est pas beau mais....
Espérant t'avoir aidé.

[vttman]

NJNDEV +1

[laurentSc]

Bonjour,
c'est peut-être pas beau, mais ça marche...

Comme quoi, utiliser l'inspecteur, c'est utile.

Mais en tant que néophyte là-dessus, j'ai essayé en vain de faire la même chose :

je vais sur la page ; clic droit ; inspecter ; rechercher dans le html "savoyarde21" (ce qui devrait me conduire sur un des liens).
Mais il ne trouve pas. Donc, comment faire ?