Problème police texte défilant

Fermé
denwag67112 Messages postés 27 Date d'inscription mercredi 25 décembre 2013 Statut Membre Dernière intervention 18 novembre 2020 - Modifié le 19 août 2019 à 16:08
 narwaoui - 20 août 2019 à 00:41
Bonjour
Je veux rajouter un texte défilant sur ma page perso.
Je veux agrandir les polices du texte mais le résultat n'en tient pas compte. Ci-dessous le code HTML
<marquee scrolldelay="0" scrollamount="3" onmouseout="this.start()" onmouseover="this.stop()" class="Scroller" height="28" style="width: 1119px"><span style="color: rgb(251, 151, 153;"font-family: comic sans ms,sans-serif; color: #ff0000; font-size: 256px; ); background-color: #cc6600;"><a href="http://mcaa.ittenheim.free.fr/
mcaa_rallye_2019.html"><b>POUR VOIR LES PHOTOS DU RALLYE 2019 CLIQUEZ ICI</b></a> <b><i>Bonjour et merci de votre visite</i></b></span></marquee></td>
 </tr>

Pouvez me dire pourquoi
Merci d'avance
A voir également:

1 réponse

Bonjour,
la balise marquee est à éviter(proscrire même) tout comme la balise b. En effet les 2 ne sont plus à utiliser depuis plus de 10 ans et vous force à utiliser un Doctype transitional , ce qui n'est pas une bonne chose et vous complique la vie.
Pour l'ajout du CSS il est plus clair et plus facile à chercher les erreurs(bugs) si vous ne les mettez as directement sur la balise avec l'attribut style mais soit dans un fichier externe (le mieux) soit dans le head avec une balise style qui contiendra les règles de propriétés CSS. Le soucis peut venir des noms de polices composées qui doivent être mis entre des guillemets(quote): 'comic sans ms','sans-serif';

en effet espace et tiret sont des repères du langage CSS donc ne peuvent pas être indiqués comme cela. Enfin cela est peut-être corrigé maintenant mais sait on jamais vous n'avez qu'à tester.

Pour les dimensions il est aussi à éviter des tailles absolues en pixels surtout pour les tailles de polices qui ont leur propres unités.
Vous avez par exemple le quadratin d'imprimerie qui permet d'indiquer une taille relative(unité" em") comme ceci:

font-size:1em;/* correspond à la taille normale indiquée */
font-size:2em;/* taille doublée par rapport à la taille normale soit 200% d'agrandissement */
font-size:0.5em;/* dimension du texte réduite de moitié , taille 50% de la taille normale*/



édit: pour un texte défilant (à éviter car c'est souvent de mauvais goût et contraignant pour le lecteur) il faut faire une animation avec JavaScript ou autre méthode.
0