Version imprimable
bonjours
Es-ce que je dois mettre une class a chaque balise ou pas (sauf si nécessaire)
.maclass div (juste une class avec une balise)
où je peut mettre
.maclass div p (juste une class avec 2 balises)
donc si vous me dite la class avec une balise suffit pour le css
et mettre une class html à chaque fois nécessaire afin d’éviter de mettre en css laclass avec 2 balise
es ce que c'est bien ça ou c'est autorisé 2 balise sur le css
:salut:
:calim2:
Je n'ai pas compris cette explication, un petit exemple (codes CSS et HTML) illustrant votre propos serait le bienvenu.
Un sélecteur CSS peut être très simple ou très complexe selon les besoins.
En général, un sélecteur trop complexe (plus de trois éléments dans le sélecteur) est souvent la conséquence d'une erreur de conception.
Oui, un petit exemple serait le bienvenue.
Pour ma part, je pense qu'il faut utiliser les classes le moins possible quand on peut.
En jouant sur parent > enfant, quelquefois cela est plus clair dans le CSS.
Il faut aussi lire les tutoriels sur les css,
carL'interprétation par le navigateur sera complètement différent ...Code:
2
3
4
5
le resultat sera le même dans les 3 cas
1 er cas
Code:
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18<!--Début du header--> <header> <h1>cadre</h1> <nav><ol> <li class="icon-accueil" title="header accueil"><a href="" title="Portail">portail</a></li> <li class="icon-forum" title="header forum"><a href="" title="Forum">forum</a></li> <li class="icon-inscription" title="header Inscription"><a href="" title="Inscription">inscription</a></li> <li class="icon-connexion" title="header connexion"><a href="" title="Connexion">connexion</a></li> <li class="icon-rechercher" title="header rechercher"><a href="" title="Rechercher">rechercher</a></li> <li class="icon-faq" title="header faq"><a href="" title="Faq">faq</a></li> <li class="icon-concours" title="header Concours"><a href="" title="Concours">concours</a></li> <li class="icon-mini-chat" title="header twitter"><a href="" title="Mini-chat">mini-chat</a></li> <li class="icon-facebook" title="header facebook"><a href="" title="Facebook">facebook</a></li> <li class="icon-twitter" title="header twitter"><a href="" title="Twitter">twitter</a></li> </ol></nav> </header> <!--Fin du header-->
Code:
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
2 eme cas :
Code:
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19<!--Début du header--> <header> <h1>cadre</h1> <nav><ol class="header"> <li class="icon-accueil" title="header accueil"><a href="" title="Portail">portail</a></li> <li class="icon-forum" title="header forum"><a href="" title="Forum">forum</a></li> <li class="icon-inscription" title="header Inscription"><a href="" title="Inscription">inscription</a></li> <li class="icon-connexion" title="header connexion"><a href="" title="Connexion">connexion</a></li> <li class="icon-rechercher" title="header rechercher"><a href="" title="Rechercher">rechercher</a></li> <li class="icon-faq" title="header faq"><a href="" title="Faq">faq</a></li> <li class="icon-concours" title="header Concours"><a href="" title="Concours">concours</a></li> <li class="icon-mini-chat" title="header twitter"><a href="" title="Mini-chat">mini-chat</a></li> <li class="icon-facebook" title="header facebook"><a href="" title="Facebook">facebook</a></li> <li class="icon-twitter" title="header twitter"><a href="" title="Twitter">twitter</a></li> </ol></nav> </header> <!--Fin du header-->
Code:
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
3 éme cas
Code:
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20<!--Début du header--> <header> <h1>cadre</h1> <nav><ol> <li class="header icon-accueil" title="header accueil"><a href="" title="Portail">portail</a></li> <li class="header icon-forum" title="header forum"><a href="" title="Forum">forum</a></li> <li class="header icon-inscription" title="header Inscription"><a href="" title="Inscription">inscription</a></li> <li class="header icon-connexion" title="header connexion"><a href="" title="Connexion">connexion</a></li> <li class="header icon-rechercher" title="header rechercher"><a href="" title="Rechercher">rechercher</a></li> <li class="header icon-faq" title="header faq"><a href="" title="Faq">faq</a></li> <li class="header icon-concours" title="header Concours"><a href="" title="Concours">concours</a></li> <li class="header icon-mini-chat" title="header twitter"><a href="" title="Mini-chat">mini-chat</a></li> <li class="header icon-facebook" title="header facebook"><a href="" title="Facebook">facebook</a></li> <li class="header icon-twitter" title="header twitter"><a href="" title="Twitter">twitter</a></li> </ol></nav> </header> <!--Fin du header-->
Code:
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
à votre avis c'est mieux lequelle
Bonjour,
on ne comprend toujours... rien... :koi:
On met ce qui est nécessaire et suffisant.
Point.
De préférence, on simplifie au maximum... comme tu l'as fait dans le 1er cas.
Donc, pas utile de mettre des classes superflues.
Sinon, on peut aussi cibler de façon précise et UNIQUE avec un identifiant <balise id="...">.
Ou, si tu as d'autres <li> dans ton header (autres que ceux du menu), tu cibles UNIQUEMENT ceux du menu avec :
Code:header > nav > li { ... }
La règle essentielle à retenir : SIMPLICITE.
A LIRE, aussi :
par exemple
https://fiddle.jshell.net/7oqzh3ac/1/
et
https://fiddle.jshell.net/xhk1oudc/
es-ce que c'est bon où pas
merci
Bonjour,pas bien compris ce que tu cherches mais si je regarde un extrait de ton code, par exempleCitation:
es-ce que c'est bon où pas
je ne peux que constater que cela est inutilement compliqué et plein d'éléments qui ne servent à rien.Code:
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
PS: au passage, tu en es où de cette discussion Votre avis sur mon code ?
et comme ça c'est bon
https://fiddle.jshell.net/yr2df975/
Non.
C'est inutilement compliqué.
Merci de nous expliquer clairement ce que tu veux.
https://fiddle.jshell.net/yr2df975/
tu peut faire un code bon pour voir comment tu fait
merci
Koala,
Je pense que le forum est là pour donner un avis, conseiller, aider à trouver comment faire, orienter la recherche ou dépanner quand le problème est bien poser.
Mais faire complètement la programmation, c'est un peu beaucoup demander.
Dans ton code tu utilises flex, c'est très bien et moderne, mais je ne comprends pas pourquoi alors passer par des ol et li.
la bonne div n'aurait-elle pas suffit?
"un code bon" est un code SIMPLE.
car je prefere ol li pour compter le nombre de cadre
et pour info c'est un mec de votre site qui m'a dit de mettre li ol
encore une fois vous changer d'avis entre ce forum et site zero et le chat de ce forum
vous changer 15000 fois l'avis
pour toi un code pourrit
https://fiddle.jshell.net/sx2ohj2z/
etant doner tt le code est pourrit
pas un mot de gentil snifff
pas besoin de cela pour faire du comptage.Citation:
car je prefere ol li pour compter le nombre de cadre
cela n'est pas incompatible.Citation:
et pour info c'est un mec de votre site qui m'a dit de mettre li ol
Chaque intervenant à sa façon de voir les choses et comme tu restes très évasif il est difficile de te répondre pile poil.Citation:
encore une fois vous changer d'avis entre ce forum et site zero et le chat de ce forum
Tu as mal du compter, je pense que c'est plus :mouarf:Citation:
vous changer 15000 fois l'avis
Pour en revenir à ton code la liste <ol> se justifie dans la mesure où il y a une suite de news ordonnées, par contre à l'intérieur de chaque <li> il te faut composer une structure qui colle à ce que tu veux mettre en avant et de styler en fonction du rendu que tu souhaites.
Comme dit par jreaux62 « "un code bon" est un code SIMPLE. ».
Si tu as du mal à visualiser la chose n'hésites pas à faire une maquette sur PAPIER de ce que tu veux, souvent cela aide à mettre en place la structure HTML, car pour le moment on a du mal à voir ou tu veux en venir.
Courage tu vas y arriver.Citation:
pas un mot de gentil snifff
je vous ai fai dejà plein d'exemple
par exemple
https://fiddle.jshell.net/7oqzh3ac/1/
et
https://fiddle.jshell.net/mtzxznh3/
et
https://fiddle.jshell.net/sx2ohj2z/
vous ne voulez pas me dire ceux qu'il faut corriger à part dire que mon code est pourrit
fessez un petit effort svp
je fait des effort pour html et css et vous au lieu de voir il y a une progresion
vous dite pas un mot en disant c'est mieux mais on peut amélioré
vous dite à la place mon code est pourrit
je vous demande de faire voir un bon code merci de votre aide
Bonjour,
OK... :fessee: Ca va mieux comme ça ? :mouarf:Citation:
Envoyé par koala19100
Voilà un code "propre", avec juste ce qu'il faut :
J'ai mis des id au lieu de classes, car je suppose qu'il n'y en aura qu'un (unique).
Il suffit alors d'adapter le CSS.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
71
72
73
74
75
76
77
78
79
80
81
82
83
84
merci, mai je préfere mon code car il y a moin de balise que le tient il y a des balises en trop
donc il faudra que tu simplifie ton code ;)
je done juste mon avis ;)
come je suis trop gentil come mec voilà un code simplifier
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
71
72
apparement li ca ne sert à rien ;)
j’ai réfléchit cette nuit
je met dans l'index ou d'autres pages qui contient 1 menu voir 2 menu aside
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
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
et une page
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
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
en résumer
pour une page 2 colonnes
Code:
2
3
4
5
6
7
8
pour une page 3 colonnes
Code:
2
3
4
5
6
7
8
9
pour une page 1 colonnes(enfin avec juste un cadre
Code:
2
3
4
5
6
7
8
bien entendu j'ai fait vite fait un plan
j'attend votre page pour refaire tout mes pages avec ce code ;)
es-ce que c'est bien ça
merci
Tu ferais mieux de dormir...Citation:
Envoyé par koala19100
C'est quoi cette balise : <filaraine> ?? :koi:
En français, ça s'appelle un "fil d'Ariane".
Bref. Fais comme tu veux.
On ne sais même pas ce que tu attends de nous, puisque tu n'en tiens pas compte...
On va dire que ton code est bon. Il est même TRES bon.
Tu es content(e) ?
Allez, maintenant, il faut nous laisser............ :scarymov:
on fait un effort
et la réponse pas trop d'efort les mecs
pour info jerrepete je ne suis pas un valide donc je suis handicapé donc mon cerveaua du mal a capté les infos
mais c'est vrai que vous les modo vous onsidere tout le monde valide avec un cerveau ui capte a 300%
donc stp respecte moi un peut
moi je fais un effort de comprendre
au retour je veux un petit efort
merci
Bonjour,
dans ce cas, pourquoi ne pas nous montrer UN code "fonctionnel", "réel", et pas des exemples "factices" ?
C'est plus facile de donner un avis sur un "VRAI" code.
j'ai tt supprimer donc
jai remplacer les ol li par div ;)
ca ne sert à rien de vous remontrer aparement mon code sera encore pourrit donc tempis ;)
si tu veux je peut envoyer tout les page par mp (si ton coeur te le dit :) )
es-ce que tu vas me dire code bon ou code pourit (c'est la question) (es-ce que tu verra ue amélioration minimum)
je sais que j'ai amélioré
si le dieux le veux je reviendrais sur le forum en vous expliquant
en tout cas je remercie pour quoi remercie je ne sais pas pour quoi
vous m'avez démoraliser en disant code pourrit (malgrez le code simplifier par moi si tu voyais l'ancien code là gtu me dira ha c'est bien ta un peut simplifier mais il reste encore a simplifier 1 ou 2 ligne)
alez bonne semaine sujet résolut et si je suis en forme je reviendrais vous montré si le dieux le veux
je te promet tu ne vera pas ol li qui serra remplacer par div ;)
bone semaine mes amies pour toujours ;)