Version imprimable
Bonjour,
je suis en train de réviser des trucs CSS et dans #menu li li a, je me demande quel le sens de "a"...
Le code CSS un peu plus complet est :Code:
2
3
Le html qui va avec estCode:
2
3
4
5
6
7
8
9
10
11
Heu, à ton avis ...?
:|
OK, la réponse semble assez évidente, mais si je l'ai posée, c'est que je voyais pas pourquoin'aurait pas marcher (donc idem sans le "a") ; visiblement, non, mais je ne vois pas l'explication...Code:
2
3
Bon ... dans #menu li li à quoi correspond li ?
Bonjour,
Le a cible le lien (balise a), qui par défaut doit probablement avoir la couleur de fond blanc ou transparent (j'opterais pour transparent mais je suis pas sur de l'info).
Si tu ne mets pas le 'a', la couleur de fond s'applique au li, mais le a a toujours sa valeur initiale, donc on ne voit pas la différence...
Le mieux pour toi serait d'utiliser l'inspecteur d'élément de ton navigateur pour mieux comprendre.
Pour répondre précisément à ta question précédente, lis le dom dans l'ordre : id menu, puis li, puis li (donc li qui entrourrent le a)
Selon moi le li d'un li d'un élément d'identifiant "menu" ; sauf qu'un lien dans un li, comme ça fait aussi parti du li, je vois pas pourquoi ça ne va pas...
Je pense que c'est (encore) un faux problème.
Avec juste le code donné, le background s'applique bien, sans ajouter A dans la règle CSS (comme dit Théocrite, le background-color par défaut est transparent).
Je suppose donc que les liens sont INLINE ou flottant, et qu'une couleur de fond est appliqué aux liens, autre part dans la CSS.
Muchos, là, il n'y a pas de problème ; j'essaye juste d'y voir clair.
Et tu as raison pour la couleur de fond des liens, mais pas pour le inline ou le float :
(et ce n'est pas écrasé plus loin) C'était quoi ton raisonnement ?Code:
2
3
4
5
6
7
Et Théocrite, je vois pas ce qu'il peut apporter ici l'inspecteur d'élément...
Bon là je suis paumé. C'est quoi la vraie question ? C'est quoi le problème ?
Et bien voila... Faut juste apprendre a utiliser les outils :)Citation:
Envoyé par laurentSc
Pièce jointe 150595
Si tu inspectes ton lien, contrairement a mon image tu auras un autre bloc au dessus (celui que tu as mis dans ton dernier message), et ton background lightblue sera barre car override par l'autre...
Que vient faire #menu li a { display: block; background: grey; } dans le problème ?!
Muchos, c'était pour répondre au post #7, sachant que dans la CSS, c'est le seul endroit où sont définis l'attribut DISPLAY et la couleur de fond des liens.
L'outil "inspecteur d'élément", c'est sûr que je ne le connais pas du tout, et notamment, c'est exact que dans la CSS, il y a des parties barrées, mais peut-on m'en donner l'explication sachant que je ne capte pas celle de #10 ?
Voilà sans doute pourquoi le background de LI n'est pas visible, puisque le lien prend l'ensemble de son parent ><Citation:
c'est le seul endroit où sont définis l'attribut DISPLAY et la couleur de fond des liens
Ajouter #menu li { padding: 1ex; } devrait révéler le background bleu derrière le lien.
C'est quoi le raisonnement ?Citation:
Envoyé par Muchos
Bonjour,
je suis un peu comme Bisûnûrs paumé ...
Pourrais tu exposer clairement ton problème et/ou tes angoisses pour que l'on puisse t'aider correctement, je crois que tout le monde y gagnerait :)
Il n'y a pas de problème ni d'angoisse mais juste un gros manque de compréhension.
En gros, si l'on regarde le code donné dans le post #1 puis celui de #3, je ne comprends pas pourquoi le CSS de #1 fonctionne et pas celui de #3 (malgré les explications fournies et apparemment faute de savoir tirer parti de l'inspecteur d'élément de Firebug).
cela ne reste pas clair pour autant mais je me lance...Citation:
je ne comprends pas pourquoi le CSS de #1 fonctionne et pas celui de #3
post #1
le style va s'appliquer à un élément A contenu dans un élément LI contenu dans un élément LI contenu dans un élément dont l'ID est menu.Code:
2
3
Les éléments A étant par défaut en display:inline, seule la partie "utile" se verra appliquer un background: lightblue.
post #3
le style va s'appliquer à un élément LI contenu dans un élément LI contenu dans un élément dont l'ID est menu.Code:
2
3
Les éléments LI étant par défaut en display:list-item et ayant donc une largeur par défaut égale à 100% de leur conteneur, la totalité de l'élément se verra appliquer un background: lightblue.
Les éléments contenus dans celui ci, et à défaut de définition d'un background personalisé, auront par défaut le background du parent, cela est toujours vrai d'ailleurs.
Exemple illustrant le propos
Code:
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
37
38
39
40
41
42
43
44
Il arrive que pour savoir il faut vouloir ;)Citation:
(malgré les explications fournies et apparemment faute de savoir tirer parti de l'inspecteur d'élément de Firebug).
Merci pour ton effort d'explication avec un exemple (j'adore les exemples). Je regarderai plus tard (un match de foot à pas louper !).
Mais pas compris ça :Citation:
Il arrive que pour savoir il faut vouloir
Je viens de regarder l'exemple et il ne correspond pas exactement au cas que je cherche à élucider...J'ai rajouté un 3e cas un peu différent.
Pourrais-tu me le décortiquer comme tu avais fait précédemment ?
et sinon, mon problème a révélé une lacune sur Firebug ; je vais tenter de la combler.Code:
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
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
:koi: as tu pris le temps de lire les réponses faites par Muchos???Citation:
Envoyé par laurentSc
Citation:
Envoyé par Muchos
Citation:
Envoyé par Muchos
