IE et le css

Version imprimable

IE et le css

Bonsoir bonsoir,

J'ai un code assez simple qui marche parfaitement avec Firefox mais pas avec Internet Explorer.
Si vous pouviez m'aider à résoudre ce problème.
Je trouve bien pratique ce système de pouvoir "créer" des balises (par exemple ici je crée la balise <tab> ) et j'aimerais bien le faire fonctionner avec Internet Explorer aussi.

Merci.
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN"> <HTML> <HEAD> <STYLE type="text/css">  </STYLE> </HEAD> <BODY> Texte début <tab>Texte décalé</tab> <tab>Texte encore plus décalé</tab> </BODY> </HTML>

22/12/2008, 21h24
Erwan31

bonjour,
tu ne peux pas créer tes propres balise en HTML comme en XML.
D'autre part habitue toi à bien coder ton document: avoir un doctype complet (avec URL) Voir la liste des doctype dans la FAQ.
Ecrire tes valises en minucule même si les capitales sont encore admises en HTML, etc etc. A moins que le code que tu présentes soit volontairement incomplet.
22/12/2008, 23h09
Beho Double

Oui nan mais d'accord. :(

- Mais j'ai mis : "créer" des balises
entre guillemets, car c'était une façon de parler.
Et j'ai donné un exemple de ce que je voulais dire en disant qu'avec mon code j'avais créé la balise <tab>.

- <!DOCTYPE .... > : je n'ai pas encore étudié le problème, j'y reviendrai.

- Pour les balises, le codification c'est de les écrire toutes en minuscule ???
Parce que je vois souvent <HTML>, <BODY>, <HEAD> en majuscule alors je me dis que peut-être les balises principales doivent être écrites en majuscule,... c'est une question.

- Mais là n'est pas le problème. J'ai ce code qui marche avec Firefox (donc Firefox reconnaît la balise <tab> que j'ai mise dans le code) mais pas avec Internet Explorer. D'ailleurs si je remplace <tab> par <boom> ça marche encore avec Firefox et toujours pas avec Internet Explorer.
J'aimerais bien savoir pourquoi.:)

Merci.

Citation:

Envoyé par Beho Double

Oui nan mais d'accord.
- <!DOCTYPE .... > : je n'ai pas encore étudié le problème, j'y reviendrai

Ce n'est pas un problème à étudier, c'est indispensable sinon tu balance ton navigateur en mode quirks

Citation:

Envoyé par Beho Double

- Pour les balises, le codification c'est de les écrire toutes en minuscule ???
Parce que je vois souvent <HTML>, <BODY>, <HEAD> en majuscule alors je me dis que peut-être les balises principales doivent être écrites en majuscule,... c'est une question.

C'est toléré que en HTML4.

Citation:

Envoyé par Beho Double

- <boom> ça marche encore avec Firefox et toujours pas avec Internet Explorer.
J'aimerais bien savoir pourquoi.

C'est ton code qui risque de faire boom :D:D tu n'as pas besoin d'inventer des balises t'en a déjà 99 (voir plus) !
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <style type="text/css">  </style> </head> <body> Texte début <p>Texte décalé</p> <p>Texte encore plus décalé</p> </body> </html>

22/12/2008, 23h47
Beho Double

Citation:

Ce n'est pas un problème à étudier, c'est indispensable sinon tu balance ton navigateur en mode quirks

Il reste quand même qu'il faut que je l'étudie pour le comprendre et l'apprendre. :langue:
Et puis tant que ça marche.... la fin justifie le manque de moyen. :D

Citation:

C'est ton code qui risque de faire boom tu n'as pas besoin d'inventer des balises t'en a déjà 99 (voir plus) !

Si, je veux une balise <tab>.
Ta solution ne donne pas l'effet voulu.
L'effet voulu étant le suivant :

Code:

Texte début Texte décalé Texte encore plus décalé

Et je veux le faire avec autre chose que <span class="marge"></span> qui est trop lourd pour pas grand chose.
On dira ce qu'on veut mais ça marche avec Firefox et je ne vois pas l'erreur de syntaxe qui fait que ça ne marche pas avec IE.

C'est pour ça que je viens demander ici d'ailleurs.
23/12/2008, 00h21
Erwan31

Citation:

Envoyé par Macmillenium

Ce n'est pas un problème à étudier, c'est indispensable sinon tu balance ton navigateur en mode quirks

[mode enquiquineur=on]La déclaration de doctype de son document (c'est le cas les doctype HTML4 strict et sans définition même incomplet) ne fait pas basculer en mode Quirks, mais on tombe souvent dans le piège ;) Et le lien que tu donnes renvoie sur un exemple avec présence de la dédclaration XML avant la ligne de doctype, ce qui fait basculer IE6 en mode Quirks.
Ceci dit il est de toute façon préférable d'avoir un doctype complet.

Citation:

Envoyé par Macmillenium

C'est toléré que en HTML4.

En HTML tout court [/mode enquiquineur=off] ;)

Beho Double, oublies tes balises personnalisées, ça ne marchera de toute façon pas sur tous les navigateurs puisqu'elle ne sont pas standardisée...

Dis nous plutôt ce que tu souhaites faire.

Citation:

Envoyé par Erwan31

Beho Double, oublies tes balises personnalisées, ça ne marchera de toute façon pas sur tous les navigateurs puisqu'elle ne sont pas standardisée... ;)

[mode enquiquineur=on]Si, ça peut marcher en xhtml, mais en créant son propre DTD !!! (ce qui me semble quand même une solution bien pourrie, surtout si on n'a jamais entendu parler de DTD avant !)[/mode enquiquineur=off]
Sinon, pour faire plus simple, oublies effectivement tes balises <tab> que tu peux remplacer par de "vraies" balises HTML que tu personnalises avec un style de classe :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <style type="text/css">  </style> </head> <body> Texte début <span class="tab">Texte décalé</span> <span class="tab">Texte encore plus décalé</span> </body> </html>
Puisque les classes servent précisément à ça (maintenant, si tu préfères réinventer la roue à couper l'eau tiède...) ;)

23/12/2008, 09h57
Macmillenium

Citation:

Envoyé par Erwan31

Et le lien que tu donnes renvoie sur un exemple avec présence de la dédclaration XML avant la ligne de doctype, ce qui fait basculer IE6 en mode Quirks.
...
Ceci dit il est de toute façon préférable d'avoir un doctype complet.

Merci pour les compléments d'informations :)
23/12/2008, 10h42
Beho Double
Ce que je veux faire c'est simplement faciliter l'opération qui donne ce résultat :

Code:

Texte début Texte décalé Texte encore plus décalé

Pour cela j'avais trouvé :
Code:

1 2 3 4 5 .marge{ margin-left:30px; } <span class="marge">blablabla</span>
Ou un truc du genre :
Code:

1 2 3 4 5 dd{ type:inline; } <dd>blablabla
Puis je me suis dit qu'on pouvait définir comme ça n'importe quel nom de balise. Alors je me suis lancé dans la définition de mes propres balises, histoire de me faciliter les choses.
J'ai testé avec Firefox et ça marchait, alors un instant je me suis permis de croire, dans un élan d'optimisme prudent, que le monde était bien fait.... mais non.:mrgreen:

Mais si vous m'assurez que ça ne marchera pas sur tous les navigateurs et qu'il me faudra passer par le xhtml pour créer mes balises je vais me résoudre à utiliser le <span></span>.

Citation:

Beho Double, oublies tes balises personnalisées, ça ne marchera de toute façon pas sur tous les navigateurs puisqu'elle ne sont pas standardisée...

Ce qui n'est pas standardisé c'est le fait de pouvoir inventer des noms pour nos balises, ce qui de mon point de vue est exactement pareil que d'inventer des noms pour des classes mais avec le <span clas=></span> en moins.
Mais il y a peut-être une raison..... l'efficacité de l'exécution du code peut-être.:koi:

Enfin voilà.8-)
23/12/2008, 10h51
Macmillenium

Citation:

Envoyé par Beho Double

Puis je me suis dit qu'on pouvait définir comme ça n'importe quel nom de balise. Alors je me suis lancé dans la définition de mes propres balises, histoire de me faciliter les choses.
J'ai testé avec Firefox et ça marchait, alors un instant je me suis permis de croire, dans un élan d'optimisme prudent, que le monde était bien fait.... mais non.:mrgreen:

+1 :king::king:
C'est peut-être la balise dd qui t'as fait croire sa ? hé non cette balise existe bien :mrgreen:

A+