Discussion :

[supergrey]

Bonjour, je suis pas très fort avec les CSS et j'ai un petit soucis, j'utilise des table dans une page html, et j'essaye d'utiliser un class différente pour la table en générale et une autre pour une td en particulier, ce qui donne a peu pres ca:

Code css :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
 
.principal a:hover{
color: #f50;
text-decoration:underline;
}
.principal a{
color: #666;
text-decoration:none;
}
.menu a:hover{
color: #f00;
text-decoration:underline;
}
.menu a{
color: #000;
text-decoration:underline;
}

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
 
<table class="principal">
<tr><td class="menu">
...

Donc le probleme c'est que dans ma td c'est la class "principal" qui est utilisée.
Est-ce le fonctionnement normal ?

Une autre question: sous firefox les images avec lien dans ma table sont encadrées comme prévu dans la class "principal" (gris) mais sous internet explorer c'est bleu, pourquoi ?

Merci

[Caerbannog]

- Définir d'abord "a:hover" puis "a" n'est pas correct. Peux-être veux-tu définir "a" en premier (il masque l'autre) ou le remplacer par "a:link" (mais il me semble qu'il vaut encore mieux le mettre au dessus). Ca doit etre la raison pour laquelle .menu ne marche pas.
- Sinon je vois pas pourquoi .menu ne serait pas appliquée (en plus de .principal selon le principe des CSS).
- Quand aux images, c'est leur attribute "border" qu'il faut changer, "color" c'est la couleur du texte.

[supergrey]

Merci c'est parfait.