[XML] IE et formatage CSS

Bon il s'agit d'une question de 'newbe'² mais quand même je me lance:

Dans mon css, je fait les déclarations:

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19

blink { text-decoration: blink; } red { color: #D23636; } strong { font-weight: bold; } #header { color: #FFFFFF; text-align: center; font-size: 10px; margin: 0px; }

---

Pour ensuite disont les utiliser pour formater mon texte dans mon HTML tel que :

Code:

---

<div id="header"> > <blink>WELCOME TO <strong><blink>MYWEBSITE.COM</blink></strong> : THE <red>BEST</red> WEB SITE AROUND</blink> < </div>

---

Le formatage de mon texte apparaît de facon conforme dans Mozilla, Firefox, Opera et Safari mais demeure inchangé et donc non-conforme dans IE. Suis-je en train d'utiliser une fonctionnalité (probablement le fameux XML) que IE ne supporte pas encore?

Quel suggestion avez-vous à me faire pour contourner le problème?

sachant que au moins la balise <red> n'existe pas en HTML, j'en conclu que tu utilise du XML. Je n'sais pas si IE le gère ou pas car je ne l'utilise pas pour de l'affichage, mais est-ce que tu as au moins déclaré ton document comme document xml ?

Citation:

---

Envoyé par marsupix

sachant que au moins la balise <red> n'existe pas en HTML, j'en conclu que tu utilise du XML. Je n'sais pas si IE le gère ou pas car je ne l'utilise pas pour de l'affichage, mais est-ce que tu as au moins déclaré ton document comme document xml ?

---

non!!!! comment faire?

En fait, est-ce une bonne idée de procéder de cette facon pour formatter mon texte?

Citation:

---

Envoyé par cyberderf

En fait, est-ce une bonne idée de procéder de cette facon pour formatter mon texte?

---

je ne pense pas que le XML soit le plus simple si tu débute.
c'est vrai que c'est mieux car on créer les balises qu'on veut, mais ça demande de bien connaitre les css, car il faut définir le comportement de chaque balise.
le plus simple est de faire ta page en xhtml normal en utilisant les balises en prenant en compte leur sémantique (ex: balise h1,h2,.. pour les titres; <strong></strong> pour mettre en valeur un texte, etc...)
ensuite seulement, tu fait le css en personnalisant les balises.
tu peux aussi créer des classes et des id (comme tu l'as fait)

html

Code:

---

1 2 3

<div id="monID"> <p class="remarque">le texte en remarque</p> </div>

---

css

Code:

---

1 2 3 4 5 6

#monID{ ... } .remarque{ ... }

---

Oui mais ajouter un div juste pour changer la couleur du texte ca fait pas de sens!!! Ya pas mieux que ca ?

De plus, les balise H1, H2 etc causent des problèmes d'espacement et me donnent des maux de têtes énorme avec IE.

d'abbord ton contenu textuel doit etre compris dans un élément "block" donc soit un p, div etc.
pour changer l'apparence de ton texte "au milieu" du paragraphe, utlise les <span> (c'est comme les div mais de type "en ligne")
la différence est que les div sont de type "block" et les span de type "en ligne".
les block provoquent un retour à la ligne (comme les h1 etc)
les en ligne non (le contenu continue sur la meme ligne).

pour les problèmes de saut de ligne, chaque navigateur définit un espace par défaut entre les blocs. et pas tous le meme. donc le mieux est de fixer au début du css les margin et padding à 0 par défaut pour tous les éléments

Code:

---

1 2 3 4

* { margin:0; padding:0; }

---

puis de spécifier quand on en a besoin les margin ou padding pr chaque élément