Codes CSS pour site responsive, et pour liens

Bonjour,

La première question:

Pour adapter mon site construit à l'ancien, je mets le code suivant dans chaque nouvelle page:

<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no, minimum-scale=0.5, maximum-scale=3.0" />

Mais, comme beaucoup des pages ont été construites des années avant de nos jours, il m'est très difficile d'ajouter ce code sur ces pages.

Est-il possible d'ajouter quelques codes au CSS principal du site, et ajouter uniquement une référence à ce CSS aux pages anciennes?

La deuxième question:

Pour que les liens ne changent pas la couleur, j'ajoute à chaque lien le code suivant:

onfocus="this.blur()"

Puis-je mettre un code dans le CSS principal pour faciliter la tâche?
L'objectif c'est que les liens ne changent jamais la couleur, mais aussi ne deviennent pas soulignés.

Merci par avance.
Bien cordialement,
Modifié par AM250 (01 Nov 2024 - 18:52)

Bonjour, pour la deuxième question tu peux définir la couleur des liens :
https://www.alsacreations.com/astuce/lire/43-Comment-definir-lapparence-de-ses-liens.html

Et pour qu'il ne soit pas souligné

text-decoration: none;

https://developer.mozilla.org/fr/docs/Web/CSS/text-decoration

Bonjour,

Pour la balise HTML meta/viewport, y'a pas le choix : il va falloir la mettre dans tous les fichiers concernés. Mais avec les éditeurs de code actuels (genre VSC) ce n'est pas un problème : un coup de Édition > Remplacer dans les fichiers et hop, c'est réglé. Il peut bien y avoir 2000 pages HTML à modifier d'un coup, ça prendra quelques secondes.

Pour le lien, l'ajout d'un script inline juste pour bloquer le rendu... ce n'était de toute façon pas top. Une alternative full CSS est (depuis toujours) la voie à suivre (c'est ce que suggère casper2). Voir les pseudo-classes :focus, :hover, :active.
Modifié par Olivier C (02 Nov 2024 - 13:11)