Couleur police diff entre IE et firefox
tapswingandco
-
M@dien Messages postés 437 Date d'inscription Statut Membre Dernière intervention -
M@dien Messages postés 437 Date d'inscription Statut Membre Dernière intervention -
Bonjour,
Nous avons créer un site internet www.tapswingandco.fr (avec le logiciel TOWEB - hébergeur = OVH) avec FIREFOX.
Mais lorsqu'on regarde le site sous Internet Explorer il y a des différences de couleur de police de caractère sur la rubrique "ACCUEIL" :
Cela devrait être (comme c'est sous firefox) :
En bleu "cours" #26C4EC et "animations et spectacles" #26C4EC :
En bleu #26C4EC "L'Abus de danse est recommandé pour la santé !!! "
En rouge #FF0000 "Reprise des cours le Lundi 14 septembre" (phrase défilante)
En rouge "Si vous souhaitez être avertie(e)s de nos actualités, merci de saisir votre email (Pour les visiteurs ou Non Adhérents SEULEMENT)."
et c'est sous IE Internet Explorer : différences incompatibilités
En gris/noir "cours" et "animations et spectacles"
En gris/noir "L'Abus de danse est recommandé pour la santé !!! "
En vert "Reprise des cours le Lundi 14 septembre" (phrase défilante) et en plus cela rajoute un gros cadre blanc non désiré
En gris/noir "Si vous souhaitez être avertie(e)s de nos actualités, merci de saisir votre email (Pour les visiteurs ou Non Adhérents SEULEMENT)."
sur la rubrique "ASSOCIATION" :
Cela devrait être (comme c'est sous firefox) :
En orange " orange " "TAP SWING & CO"
En noir " black " "le texte de description de l'asso"
et c'est sous IE Internet Explorer : différences incompatibilités
En bleu "TAP SWING & CO"
En vert "le texte de description de l'asso"
sur la sous rubrique "BENEVOLAT" (de la rubrique ASSOCIATION) : différences de couleur également #26C4EC et "black"
sur la sous rubrique "STATUS" (de la rubrique ASSOCIATION) : différences de couleur également " orange "
sur la sous rubrique "REGLEMENT INTERIEUR" (de la rubrique ASSOCIATION) : différences de couleur également " orange"
sur la rubrique "LIENS" : les textes sont en gras alors que ne le sont pas sous Firefox
comment fait-on pour que les couleurs de police de caractères (+ le problème du carré blanc qui se met par dessus la phrase défilante) soient les mêmes sous IE et Firefox ?
Merci beaucoup d'avance pour votre aide.
Bien cordialement
Asso Tap Swing & Co Bordeaux
Nous avons créer un site internet www.tapswingandco.fr (avec le logiciel TOWEB - hébergeur = OVH) avec FIREFOX.
Mais lorsqu'on regarde le site sous Internet Explorer il y a des différences de couleur de police de caractère sur la rubrique "ACCUEIL" :
Cela devrait être (comme c'est sous firefox) :
En bleu "cours" #26C4EC et "animations et spectacles" #26C4EC :
En bleu #26C4EC "L'Abus de danse est recommandé pour la santé !!! "
En rouge #FF0000 "Reprise des cours le Lundi 14 septembre" (phrase défilante)
En rouge "Si vous souhaitez être avertie(e)s de nos actualités, merci de saisir votre email (Pour les visiteurs ou Non Adhérents SEULEMENT)."
et c'est sous IE Internet Explorer : différences incompatibilités
En gris/noir "cours" et "animations et spectacles"
En gris/noir "L'Abus de danse est recommandé pour la santé !!! "
En vert "Reprise des cours le Lundi 14 septembre" (phrase défilante) et en plus cela rajoute un gros cadre blanc non désiré
En gris/noir "Si vous souhaitez être avertie(e)s de nos actualités, merci de saisir votre email (Pour les visiteurs ou Non Adhérents SEULEMENT)."
sur la rubrique "ASSOCIATION" :
Cela devrait être (comme c'est sous firefox) :
En orange " orange " "TAP SWING & CO"
En noir " black " "le texte de description de l'asso"
et c'est sous IE Internet Explorer : différences incompatibilités
En bleu "TAP SWING & CO"
En vert "le texte de description de l'asso"
sur la sous rubrique "BENEVOLAT" (de la rubrique ASSOCIATION) : différences de couleur également #26C4EC et "black"
sur la sous rubrique "STATUS" (de la rubrique ASSOCIATION) : différences de couleur également " orange "
sur la sous rubrique "REGLEMENT INTERIEUR" (de la rubrique ASSOCIATION) : différences de couleur également " orange"
sur la rubrique "LIENS" : les textes sont en gras alors que ne le sont pas sous Firefox
comment fait-on pour que les couleurs de police de caractères (+ le problème du carré blanc qui se met par dessus la phrase défilante) soient les mêmes sous IE et Firefox ?
Merci beaucoup d'avance pour votre aide.
Bien cordialement
Asso Tap Swing & Co Bordeaux
A voir également:
- Couleur police diff entre IE et firefox
- Video downloadhelper firefox - Télécharger - Outils pour navigateurs
- Changer police facebook - Guide
- Police aptos - Accueil - Bureautique
- Telecharger firefox - Télécharger - Navigateurs
- Excel cellule couleur si condition texte - Guide
1 réponse
Bonjour,
Toutes ces différences sont dues à l'utilisation combiné des balises <font> et des styles CSS.
Là où IE applique le CSS de l'élément parent, Firefox applique les attributs de la balise <font>.
La méthode pour éviter ça:
N'utiliser que le CSS et proscrire toutes les balises <font>.
Si vous êtes à l'aise avec le développement, c'est assez aisé d'utiliser les classes et id pour appliquer les styles.
Pensez également à ajouter un doctype, cela améliorera la compatibilité entre les navigateurs.
Si vous êtes moins à l'aise, voici une méthode pour changer tout ça:
Dans le fichier HTML, changez les balises comme pour cet exemple:
Cela devrait fonctionner avec cette méthode.
Toutes ces différences sont dues à l'utilisation combiné des balises <font> et des styles CSS.
Là où IE applique le CSS de l'élément parent, Firefox applique les attributs de la balise <font>.
La méthode pour éviter ça:
N'utiliser que le CSS et proscrire toutes les balises <font>.
Si vous êtes à l'aise avec le développement, c'est assez aisé d'utiliser les classes et id pour appliquer les styles.
Pensez également à ajouter un doctype, cela améliorera la compatibilité entre les navigateurs.
Si vous êtes moins à l'aise, voici une méthode pour changer tout ça:
Dans le fichier HTML, changez les balises comme pour cet exemple:
<font color="#26c4ec" size="4" name="Papyrus"> L'Abus de danse est recommandé pour la santé !!!</font>à changer en
<span style="color:#26c4ec; font-size:4px;" > L'Abus de danse est recommandé pour la santé !!!</span>
Cela devrait fonctionner avec cette méthode.
