Le langage SMS est exclu sur les forums ProgBoards, tout message ne respectant pas la charte sera déplacé, modifié, ou supprimé par nos modérateurs.

Forum Web » HTML / XML » html > ????

Jules
Visiteur
Citer - Posté le 08/10/2005 à 16:08
J'ai entendu dire que l'on pouvais differencier les navigateur supportant le css2 des autres directement dans la feuille de style css.
en utilisant "html >"

mai je ne vois pas du tout comment l'utiliser.
quelqu'un a t il une idée sur le sujet ?
Fser pas loggé
Visiteur
RemonterCiter - Posté le 09/10/2005 à 16:39
tu aurai dû poster dans le forum html :-"
sinon sur le site dralam.com je l'utilisait ( mais je te l'ai déjà dit )
mais je ne me rappelle pas comment ça marché désolé
Poly Progr@ms
Guest Star
RemonterCiter - Posté le 09/10/2005 à 19:20
C'est un hack, en utilisant "html >", tu empêches internet explorer de comprendre (ou le rend le seul à pouvoir comprendre, je sais plus) la ligne en question

Par exemple :

html > p.test { font-size: 24px; }



Edité par Poly Progr@ms (09/10/2005 19:21:03)
Jul16ar
Visiteur
RemonterCiter - Posté le 10/10/2005 à 10:59
;) et au niveau de la certification css de w3c, ça fait ch*** ou pas d'utiliser ce "hack" ?
(héhé
Vikrech
Visiteur
RemonterCiter - Posté le 15/10/2005 à 17:05
En fait, '>' est un sélécteur. Il est tout à fait valide. Mais Internet Explorer ne le comprend pas (comme la majeur partie des sélécteurs d'ailleurs). A l'origine > est le "sélécteur enfant". Qui signifie par exemple dans "div > p" tout élément p enfant d'un div

Voili voilou. Donc effectivement on peut voir ça comme un hack.
RemonterCiter - Posté le 15/10/2005 à 19:13
Tiens, merci Vikrech, je ne connaissait pas ça et ça risque de me rendre bien service (eek)

Cependant, même pour une utilisation "normale" comme dans ton exemple du "div > p", IE ne le comprend pas ? C'est gênant ça (désapprouve)
Computaid SPRL - Conception - Développement - Infogérance : http://www.computaid.be
eTigris - Hébergement mutualisé - Serveurs dédiés : http://www.etigris.com
Vikrech
Visiteur
RemonterCiter - Posté le 16/10/2005 à 17:10
Autres précisions. Bon comme on ne chôme pas chez Microsoft (à prendre au second degré bien sûr) il s'avère que L'équipe responsable de IE 7 demande à tous les webmasters de ne plus utiliser les hacks dans les css, puisqu'ils seront inopérants dans la future version (tout du moins dans le mode qui respecte les standards).

Pour ton problème Neliger, IE 6 et - ne reconnaît pas le selecteur ">". Ce qui devrait changer je suppose dans la version 7. Mais personellement je ne l'utilise quasiment pas. Le selecteur enfant ne séléctionne que les éléments qui sont __directement__ les enfants d'un autre. Il existe le sélécteur descendant qui lui s'étend à tous les éléments enfants. Bon c'est pas très clair mais un exemple devrait suffit à éclaircir le tout :

<div>
<p>
Voici du joli texte tout nul <span> un autre texte dans un autre élément </span> suite du texte tout nul
</p>
</div>

Bon alors imaginons ce css
div > p {
color: #FF0000;
}

on va séléctionner l'élément p qui est enfant d'un élément div. Pour notre exemple pas de problème, le css va être appliqué.

Maintenant
div > span {
color: #00FF00;
}

ne vas pas appliquer le css car span n'est pas directement __enfant__ de div mais seulement le __descendant__

Pour que ça marche il faut utiliser ça
div span {
color: #00FF00;
}

cette fois-ci, on utilise le séléctionneur descendant (en fait un espace). Tout élément span descendant d'un élément div se verra appliquer le style. On peut tout combiner et ça marche nickel. (par exemple div#monid span.maclasse)

Pour plus d'infos sur les sélécteurs, voici la traduction correspondante du document du W3C

http://www.yoyodesign.org/doc/w3c/css2/selector.html

Je crois que IE 6 et - ne supporte pas les sélécteur "+" , ">", "[ ]". A vérifier. Mais le descendant, classe et id eux sont supportés bien évidemment.

Vikrech
Visiteur
RemonterCiter - Posté le 16/10/2005 à 17:14
Je viens de me rendre compte que le hack
html > p.test { font-size: 24px; }
était nul puisqu'il faut obligatoirement que l'élément p.test soit directement l'enfant de <html>.

Par contre un hack très sympathique et pas compliqué à mettre en oeuvre est celui-là

h1#monid {
color: #FF0000;
_color: #00FF00;
}

le caractère _ n'influe pas sur le comportement d'IE. "_color" sera reconnu comme "color" et sera donc pris en compte. Ce qui ne sera pas le cas sur les autres navigateurs pour qui "_color" ne correspond à rien. En bref, sous IE, le titre sera en vert alors que sur les autres nav, il sera en rouge.
RemonterCiter - Posté le 16/10/2005 à 21:37
La précision (bis) est plutot intéréssante.

Dommage qu'il soit encore est toujours indispensable d'utiliser ce genre de bidouilles pour IE. Décidément, les standards passent et IE reste (diable)
Computaid SPRL - Conception - Développement - Infogérance : http://www.computaid.be
eTigris - Hébergement mutualisé - Serveurs dédiés : http://www.etigris.com
Fser
Code-Libre.org
RemonterCiter - Posté le 19/10/2005 à 01:17
"Autres précisions. Bon comme on ne chôme pas chez Microsoft (à prendre au second degré bien sûr) il s'avère que L'équipe responsable de IE 7 demande à tous les webmasters de ne plus utiliser les hacks dans les css, puisqu'ils seront inopérants dans la future version (tout du moins dans le mode qui respecte les standards)." (flèche) tient c'est marrant, toujours pas de mail pour me le dire.
zut alors !
:)
edit : Bon rien a ajouter pour ma part. (sourire)

Edité par Fser (19/10/2005 01:19:50)
``Montre-moi ton code, dissimule tes structures de données, je continuerai à être mystifié. Montre-moi tes structures de données et je n'aurai sans doute pas besoin de voir ton code, il me semblera évident.''
RemonterCiter - Posté le 21/10/2005 à 14:57
Une version d'IE respectant réelement les standards est prévue ?
Computaid SPRL - Conception - Développement - Infogérance : http://www.computaid.be
eTigris - Hébergement mutualisé - Serveurs dédiés : http://www.etigris.com

Poster une réponse

STOP aux fautes volontaires !
Message
Formatage
Note: pour partager du code source, merci d'utiliser le wall !
Smileys (sourire) (yekyek) (clein d'oeil) (désapprouve) (triste) (cool) (langue) (confus) (gêné) (neutre) (eek) (surpris) (diable) (flèche) (exclamation) (question) (diable) (idée) (méchant)
Pseudonyme
Recopiez le code
v6 © Computaid SPRL 2005-2008 - Tous droits réservés - Hébergé par eTigris - Page générée en 0,120 s - Crédits - Stats
1 connecté