Problème avec code HTML
wonderland story
Messages postés
26
Date d'inscription
Statut
Membre
Dernière intervention
-
wonderland story Messages postés 26 Date d'inscription Statut Membre Dernière intervention -
wonderland story Messages postés 26 Date d'inscription Statut Membre Dernière intervention -
Bonjour à tout le monde sur le forum !
Je débute en programmation (c'est un euphémisme, c'est la première fois que j'essaie de créer une ligne de code, sur les conseils du support technique de mon site Internet qui ne peut pas s'en charger !).
Je souhaite modifier la police de caractères d'un bouton "ENTRER" (celui qu'on voit typiquement en page d'accueil d'un site !).
Pour cela, j'ai commencé par isoler la valeur du bouton, qui est la suivante :
Après de nombreuses heures passées à essayer de comprendre comment modifier la police d'un élément en code HTML, voilà ce que j'ai pondu (après 1000 autres tentatives !) pour appliquer la police Alegreya Sans :
Est-ce que quelqu'un saurait me dire où est/sont le(s) problème(s) dans cette ligne de code ?
Merci par avance :)
P.S. : Je suis consommatrice de ce forum, malheureusement pas assez forte pour aider les autres, donc c'est toujours un peu à sens unique je l'avoue. Mais par contre je réponds et remercie toujours !!!
Je débute en programmation (c'est un euphémisme, c'est la première fois que j'essaie de créer une ligne de code, sur les conseils du support technique de mon site Internet qui ne peut pas s'en charger !).
Je souhaite modifier la police de caractères d'un bouton "ENTRER" (celui qu'on voit typiquement en page d'accueil d'un site !).
Pour cela, j'ai commencé par isoler la valeur du bouton, qui est la suivante :
Après de nombreuses heures passées à essayer de comprendre comment modifier la police d'un élément en code HTML, voilà ce que j'ai pondu (après 1000 autres tentatives !) pour appliquer la police Alegreya Sans :
<style> /*<![CDATA[*/ <a class="j-calltoaction-link j-calltoaction-link-style-2" data-action="button" href="/" data-title="ENTRER"> ENTRER <\/a> <font face="alegreya sans"> /*]]>*/ </style>
Est-ce que quelqu'un saurait me dire où est/sont le(s) problème(s) dans cette ligne de code ?
Merci par avance :)
P.S. : Je suis consommatrice de ce forum, malheureusement pas assez forte pour aider les autres, donc c'est toujours un peu à sens unique je l'avoue. Mais par contre je réponds et remercie toujours !!!
A voir également:
- Problème avec code HTML
- Code ascii - Guide
- Code puk bloqué - Guide
- Code activation windows 10 - Guide
- Comment déverrouiller un téléphone quand on a oublié le code - Guide
- Editeur html - Télécharger - HTML
4 réponses
Bonjour,
déjà, juste pour ta culture personnelle, html n'est pas un langage de programmation.
Ensuite,
Il ne faut plus utiliser la balise <FONT ( que tu as mal positionné de toutes façons... )
A la place, tu peux ajouter un attribut STYLE à ton bouton et y mettre le code css voulu
https://www.w3schools.com/html/html_styles.asp
https://www.w3schools.com/css/css_font.asp
un truc du genre
déjà, juste pour ta culture personnelle, html n'est pas un langage de programmation.
Ensuite,
Il ne faut plus utiliser la balise <FONT ( que tu as mal positionné de toutes façons... )
A la place, tu peux ajouter un attribut STYLE à ton bouton et y mettre le code css voulu
https://www.w3schools.com/html/html_styles.asp
https://www.w3schools.com/css/css_font.asp
un truc du genre
<a class="j-calltoaction-link j-calltoaction-link-style-2" data-action="button" href="/" data-title="ENTRER" style=" font-family: 'Alegreya';"> ENTRER </a>
Bonjour Jordane,
Comme je l'expliquais dans mon post, c'est la première fois que je m'attaque à ce genre de choses (contrainte et forcée !), d'où le manque de "culture" dans le domaine.
Je te remercie pour cette suggestion, qui pour l'instant ne fonctionne pas. Je ne sais pas ce qui manque...
Comme je l'expliquais dans mon post, c'est la première fois que je m'attaque à ce genre de choses (contrainte et forcée !), d'où le manque de "culture" dans le domaine.
Je te remercie pour cette suggestion, qui pour l'instant ne fonctionne pas. Je ne sais pas ce qui manque...
Merci Jordane, mais ça ne marche toujours pas :/
C'est peut-être encore l'ordre des éléments qui n'est pas bon ? Voilà ce que ça donne maintenant :
<style>
/*<![CDATA[*/
<link href='https://fonts.googleapis.com/css?family=Alegreya' rel='stylesheet'>
<a class="j-calltoaction-link j-calltoaction-link-style-2" data-action="button" href="/" data-title="ENTRER" style=" font-family: 'Alegreya';"> ENTRER <\/a>
/*]]>*/
</style>
C'est peut-être encore l'ordre des éléments qui n'est pas bon ? Voilà ce que ça donne maintenant :
<style>
/*<![CDATA[*/
<link href='https://fonts.googleapis.com/css?family=Alegreya' rel='stylesheet'>
<a class="j-calltoaction-link j-calltoaction-link-style-2" data-action="button" href="/" data-title="ENTRER" style=" font-family: 'Alegreya';"> ENTRER <\/a>
/*]]>*/
</style>
Pour celles et ceux que ça intéresse et qui auraient du mal à créer du code sous Jimdo (fonction "Modifier le head"), voilà la réponse obtenue via un autre forum, qui fonctionne :)
<style>
/* <![CDATA[ */
@import url('https://fonts.googleapis.com/css2?family=Alegreya&display=swap');
.content-options a.j-calltoaction-link-style-2,
.content-options a.j-calltoaction-link-style-2:link,
.content-options a.j-calltoaction-link-style-2:visited {font-family:Alegreya,serif;}
/*]]>*/
</style>
<style>
/* <![CDATA[ */
@import url('https://fonts.googleapis.com/css2?family=Alegreya&display=swap');
.content-options a.j-calltoaction-link-style-2,
.content-options a.j-calltoaction-link-style-2:link,
.content-options a.j-calltoaction-link-style-2:visited {font-family:Alegreya,serif;}
/*]]>*/
</style>
