Bonjour, cela fait logtemps que je n'ai plus posté sur ce forum..  
Bon, je viens de faire un site pour un ami d'enfance.
 
sur cette page :  http://www.patrickfaure.net/links.htm  ..les liens font appel à un style CSS issue d'une feuille de style.
 
sous IE 5 et 5.5 les hovers apparaissent bien sur les liens (donc texte blanc gras et liens bleus) mais sous cette merdasse de IE6, plus rien !! pas de hovers.
 
De ce que je comprends, IE6 semblent gérer les CSS differemment en fonction des "DIV" ..
mais que ce soit avec DIV ou SPAN j'ai le même problème..
 
 
 
voici le code pour essayer de comprendre comment faire fonctionner le CSS sous IE6 :
 
l'appel à la feuille de style:
 

 
le style CSS à l'interieur:
 
.Lien {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; color: #FFFFFF; font-weight: 700; font-style: normal; a: link {color: #A698FB}; a:hover {color: #FFFFFF}; text-align: center}
 
 
 
dans la page HTML :
 

 
 
le même problème apparaît pour cette page d'un site pour une association (les menus du haut ) avec Div:  
 
http://lechoeur.levillage.org/
 
l'appel à la feuille de style:
 

 
le style CSS à l'interieur:
 
.Comicss {  font-family: "Comic Sans MS", FranklinGothic; font-size: 11pt; color: #5E4717; font-weight: 700; font-style: normal; a: link {color: #5E4717}; a:hover {color: #E79D03}; text-align: center}
 
 
dans la page HTML :
 

 
 
Si qqun pouvait m'expliquer ce qu'il faut corriger pour que le CSS fonctionne souos IE6..  
 

Heu... ton CSS est très bizarre... Y a des trucs louches avec tes accolades, des blocs dans des blocs, etc.
http://jigsaw.w3.org/css-validator [...] medium=all

 
C'est quoi ce truc franchement ??    
 
C'est trop dur d'écrire les choses comme il faut :
 

 
Ta mise en forme est plus propre (pour la lecture) mais en code c'est identique (condensé)...    
 .Comics { font-family: couleur;font-weight: ...; font-style: ... }
chacun sa manière de voir le code plus facilement.. en attendant cela ne répond pas au probleme qu'IE6 ne voit pas le CSS à l'inverse de IE5 et 5.5 qui le voit , même si je le mets dans ta mise en forme..
 
par contre ANTP, merci je remarque que la balise font pose problème (qqun d'autre pense que le problème vient de là aussi).
 
je ferai un test en séparant le style de la font et celui du hover..

 
non, car quand on l'écrit proprement on se rend plus vite compte que c'est bizarre de mettre des classes dans des classes

 
c'était accepté sous IE5.xx  .. et cela permettait d'avoir un seul style avec plusieurs attributs. Je ne sais pas pourquoi IE6 ne l'accepte plus.
 
et si tu retires l'inclusion d'une classe à l'interieur d'une autre , l'ecriture de :
 
.Comicss {  font-family:  FranklinGothic; font-size: 11pt; color: #5E4717 }
 
ou  
 
.Comicss {
font-family:  FranklinGothic;
font-size: 11pt;
color: #5E4717 ;
}
en code c'est identique.
 
 

 
oui, mais ici c'est :
 
.Comicss {
font-family:  FranklinGothic;
font-size: 11pt;
color: #5E4717 ;
  a:hover {
    autres trucs
  }
}
 
Ça n'existe pas en CSS, et si ça passe c'est à mon avis par hasard...

oui j'avais bien compris, mais si on ne peut inclure les hovers dans un style avec des fonts , comment faites vous pour affecter deux styles à un ensemble de texte ? c'est à dire un qui determine la couleur et taille de la police et l'autre l'attribut d'un hover ?
 
a moins que hover et link soient des styles a part et qu'on ne les affectent pas dans un nom de style ?
 

a.comicss:hover{
...
}
a.comicss {
...
}

FranklinGothic c'est pas super standard comme police ça
précise au moins une alternative

 
rahhhh merci .. voilà la réponse.  
 
Merci, merci à tous d'avoir répondu.
   
 
franklin gothic comme standard tu as raison je croyais qu'il était dans les fontes par défaut de Win..

 
Faut plustot les préciser dans l'autre sens sinon les propriétés de a.comicss risquent d'écraser les réglages fait pour :hover

 
merci ,      , car tu viens de répondre à un autre problème secondaire que j'avais...

Et aussi, à l'avenir, utilise un véritable éditeur pour l'HTML/CSS/JS/PHP etc... et non dreamweaver... (JEdit au hasard)

 
Je ne connais pas JEdit .. et excuse moi de ne pas avoir utilisé ni eu la connaissance pour corriger ce problème de CSS ..
quant à dreamweaver, il ne sort peut-être pas le code propre à rêver, mais je ne me plains pas pour l'instant de ce qu'il me fait vu la rapidité à la quelle je peux monter des sites, après c'est qu'une histoire d'optimisation (je repasse derrière, et là je n'ai pas eu le temps vu que c'est moi qui fait la traduction du site également).
De plus l'éditeur HTML ne pourra rien faire face aux évolutions propriétaire de IE si MS décide d'interpréter le CSS de telle manière..
 
enfin bon , merci à ANTP pour avoir passer du temps sur l'analyse du problème et Real pour le code exact.
 
     
 
cependant j'ai mis comme ceci (a moins que cela ne soit pas correct) et je n'ai pas les hovers , ni dans IE5xx ni IE6 ..  :
 

 
 
dans le fichier styleCA.css
 
 
.Comicss {  
font-family: "Comic Sans MS", FranklinGothic;  
font-size: 11pt;  
color: #5E4717;  
font-weight: 700;  
font-style: normal;  
text-align: center
}
a.Comicss :  hover {
color: #E79D03
}
 
 
dans la page
 

 
 
et je n'ai pas les hovers , ni dans IE5xx ni IE6 ..  

je viens de regarder JEdit, ç'est sympa comme tout.
 
je vais tester avec le code plus haut voir ce que cela donne..

Je pense qu'il ne fait pas d'espace avant et après le ":" qui précède "hover", ça doit avoir son importance

 
N'oublies pas d'aller sur le topic consacré à JEdit, il y a un tuto de dispo

Essaye comme cela :
 

C'est pas plustot :

Non, a.Comicss:hover

PLutot ça :
 
.Comicss a:hover {
color: #E79D03
}
 
Au moins, tu es sur que cela marche (testé et utilisé par mes soins).

Par exemple (utilisé dans un DIV unique d'ou le "#" à la place du "." au début de ligne) :
 
#menu ul li a:hover {
 border-bottom: 1px solid #ccc;
}

 
Je ne suis pas d'accord : ça ne devrais affecter que les balises A placées à l'interrieur d'une balise de classe Comicss

C'est pas ce que tu veux ?
 
Edit : vu ton code de page, tu devrais affecter le style aux balises DIV à l'intérieur du tableau. Comme cela, ça sera déjà mieux.

En regardant bien, ça a l'air d'être exactement ce qu'il voulait faire en effet
 
Par contre, j'ai de gros doutes sur la compatibilité de cette notation "avancée" avec les divers versions d'IE.

le truc « classe balise { ... } » ? non ça fonctionne pas mal dans IE 5.0/6.0, je l'utilise sur mon site pour mon menu (à gauche) qui est un <ul> customisé

Cette notation avancée marche avec IE 5.0+ (testé par mes soins). D'ailleurs, les versions 5.X sont plus tolérentes que la version 6.0 de IE. Plus propres aussi quelquepart, même si elles ne supportent pas autant de choses ...

Idem .

Et la notation :
 
div > p > a
{ }
 
Elle marche dans quelles versions d'IE ?

Aucune je pense

je confirme

 
Alors je le note dans ma liste de trucs à utiliser à tout prix

merci beaucoup gilbert.    
 
cela fonctionne effectivement , et à ma surprise il ne faut pas d'espace entre le a le ":" et le hover..(merci encore antp)
 
je voulais effectivement affecter ces hovers uniquement à cette classe..(le site n'est fini qu'au 2/3 , et je vais pouvoir le finir grâce à vous..merci pour l'association soit dit en passant    )
 
 

Pour une fois que je peux être utile ...