Discussion :

[php_de_travers]

Bonjour,

ma grand-mère va bien, je vous rassure !
En revanche, je rencontre des problèmes d'héritage dans un <div> : je ne comprends pas ce qui doit être défini à chaque fois et ce qui est hérité et donc inutile à répéter.

Voici une partie de mon fichier css :

Code :

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
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
#NAVIGATION
	{
		width:240px;
		color:#FFFFFF;
		font-size:10px;
		font-weight:bold;
		text-decoration:none;
}
 
#NAVIGATION ul
	{
		text-decoration:none;
		color:#FFFFFF;
		font-size:16px;
	}
 
#NAVIGATION li
	{
	color:#FFFFFF;
	text-decoration:none;
	font-size:16px;
	}
 
#NAVIGATION li a
	{
		text-decoration:none;
		color:#FFFFFF;
		font-size:16px;
	}
 
#NAVIGATION li a:hover
	{
	text-decoration:none	;
	font-size:16px;
	color:#FFCD20;
	}

Pourquoi dois-je répéter text-decoration:non, color alors que le font-weight:bold semble fonctionner tout seul, par héritage.

A bientôt...

[Kerod]

Moi je dirais que je comprends pas l'utilisation du text-decoration: none vu que par défaut il y est définit telquel.

Moi je dirais :

Code :

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
18
19
20
21
22
23
24
25
26
27
@charset "windows-1252"; 
 
#NAVIGATION
    {
        width:240px;
        color:#FFFFFF;
        font-size:10px;
        font-weight:bold;
}
 
#NAVIGATION ul
    {
        font-size:16px;
    }
 
#NAVIGATION li a
    {
        text-decoration:none;
        color:#FFFFFF;
        font-size:16px;
    }
 
#NAVIGATION li a:hover
    {
    text-decoration:none    ;
    color:#FFCD20;
    }

Le li hérite du ul qui lui même hérite de navigation. Seul soucis est que si tu souhaites mettre un a ou un li à font-weight: normal tu dois le définir car il hérite du parent : navigation

[php_de_travers]

Bonjour,

merci Kerod pour ton aide.

Je m'aperçois que mon bout de code est erroné.
Donc je te décris l'objectif :
- dans ce div, TOUS les éléments (texte, lien, ul, li, a, etc...) sont blancs en 16px, pas soulignés (même si ce sont des liens)
- au survol, le lien passe en jaune.
C'est tout. Mais je câle...

A bientôt.

==================
Le test de ton code est concluant.
Par contre j'avais mis 10px dans la déclaration de NAVIGATION.
Cela ne semble d'aucune utilité : rien ne s'affiche en 10 et rien ne se passe si je supprime cette ligne.
Je n'y comprends rien du tout.

[Candygirl]

Il me semble que tu peux encore suprimer le text-decoration du a:hover dans le code de Kerod.

Autrement, pour répondre à ta question, tu dois respécifier la couleur et le text-decoration pour ta balise a parce qu'il lui est attribué une couleur spécifique ainsi que le soulignement dans les règlages par défaut du navigateur. Comme dans les règles de priorités du css une valeur attribuée à une balise précise prime sur l'héritage tu es obligé de redéfinir la couleur que tu souhaites pour ton a.

Que contient exactement ton #navigation? Si tu as juste la liste de tes liens dans le ul, c'est normal que tes 10px ne servent à rien puisque tu redéfinis ensuite dans le ul le font-size à 16.

[php_de_travers]

tu dois respécifier la couleur et le text-decoration pour ta balise a parce qu'il lui est attribué une couleur spécifique ainsi que le soulignement dans les règlages par défaut du navigateur. Comme dans les règles de priorités du css une valeur attribuée à une balise précise prime sur l'héritage tu es obligé de redéfinir la couleur que tu souhaites pour ton a.

Voilà donc l'explication...
Merci.