Pourquoi quand je passe la souris sur ma liste... le contour ne devient pas rouge ?
 
mon code :

 
Tu m'explique quelle bordure devient rouge?

et bien la bordure de l'element de liste ! <li> </li>

Tu peux m'expliquer à quel endroit tu dis à la bordure du <li> de devenir rouge?

.colorlist a:hover  
{  
border-color: #FF0000;  
}  
 
quand je passe la souris dessus... c censé devenir rouge !
 
j'ai essayé  
 
.colorlist li a:hover  
{  
border-color: #FF0000;  
}  
 
.... pareil !

ps : la liste est composée telle quelle :
 

 
... c'est la traduction de JavascriptDOM que fait Firefox !

Relis ma question et relis ton code, tu te rendras peut-être compte de l'énorme erreur:
 

 
Et tu devrais reprendre ton code HTML, parce que rien que dans ce que tu me postes je vois 5 ou 6 erreurs

bah je vois pas...
 
j'ai ecrit aussi :

tu peux m'expliquer à quel endroit de ce code tu modifies la bordure DE TON ELEMENT <LI> ?
(putain on va ptet finir par y arriver un jour )

bah comme je te l'ai indiqué.. le code HTML c'est celui que firefox génére avec du JDOM ! c pas moi qui l'ai composé ! moi j'ai fait du DOM !

   
 
Bon, t'aurais pas un lien vers ta page?

.colorlist li a:hover
{
cursor: crosshair;
border-color: #FF0000;
}
 
 

Je crois que t'as pas tout compris aux sélecteurs CSS toi

 
si tu veux mais faut entrer dans le site avec un identifiant et passer les trois premieres etapes :
http://www.clonecopy.net/php/ezdocs
 
login : xxx@xxx.com
password : xxx
 
... une fois sur la derniere etape... cliques sur un bouton bleu "options" et cliques sur le selecteur de couleurs pour comprendre
 
 
voici mon DOM :
 

bah peut etre... j'ai du faire une confusion ! c un peu pour ça que je suis là !  

A ton avis, quand je fais

j'applique ma couleur à quoi exactement?
(c'est pas de la confusion, faut réapprendre le principe des sélecteurs là)

à ce que je comprends ça s'applique sur les elements b et c se trouvant dans a
 
...c different de  
 
a, b, c {
color: lime;
}
 
qui doit effectuer l'operation sur toutes les balises (a, b et c)
 
...peut etre que je me trompe... les CSS c'est assez tordu quand même !

je corrige.. ça s'applique dans c... se trouvant dans b... se trouvant dans a
(elles sont imbriquées)

Ben c'est pas ça
ça applique la propriété sur tous les éléments c se trouvant dans des éléments b se trouvant dans des éléments a

ça par contre c'est bon

Pas vraiment non, commence à jouer avec XPath ou même ne serait-ce qu'avec les sélecteurs CSS2 et CSS3 c'est un cran au dessus (pas énorme, mais un cran quand même)

ouai mais cela dit je vois toujours pas mon erreur...
 
.colorlist li a:hover{
}
 
je lui demande donc de transformer mes a:hover se trouvant dans mes li qui sont dans mes objet portant la class colorlist...
 
... vu comme ça pour moi c ok !
 
... alors où est l'erreur ???

.colorlist li:hover
{
cursor: crosshair;
border-color: #FF0000;
}
 
.colorlist li:active
{
border-color: #00FF00;
}
 
?

Tu lui demande de mettre la bordure de tes a situés dans les li en rouge au survol.
 
Pas de bol:
1- Ca ne modifie pas la bordure du LI lui même
2- La bordure des A ayant une taille de 0, c'est un peu dur à voir

Par exemple, mais... pas de bol... IE ne le gère pas

effectivement ! alors que faire ?

styler les <a> au lieu de styler les <li>

.colorlist{
margin: 0;
padding: 0;
list-style-type: none;
}
.colorlist li{
float: left;
margin:1px;
padding:0px;
width:11px;
height:11px;
}
.colorlist li a{
border: 1px solid gray;
float: left;
margin:0;
padding:0;
width:10px;
height:10px;
}
.colorlist li a:hover
{
cursor: crosshair;
border-color: #FF0000;
}
 
.colorlist li a:active
{
border-color: #00FF00;
}
 
...ça te parait correct ?

bon ça a l'air de marcher... ça m'a juste zappé les margin sur FF... je sais pas pourquoi !