Discussion :

[koala19100]

bonjour,

juste savoir ceux qui est mieux comme code pour le grand carré avec un petit rond et un petit carré à l’intérieur d'un grand carré

https://fiddle.jshell.net/hm8xfqnv/1/

ou

https://fiddle.jshell.net/hm8xfqnv/2/

merci

[gene69]

pour moi, on ne met que des li dans des ol
je ne dis pas que ça ne marche pas...

[koala19100]

pour quoi pas remplacer div par ol li
he oui ca marchera

mais aparement pour faire un rond ou un carré il faut mettre un div ceux quelqu'un m'a dit

moi je veux bien remplacer div par ol li

par contre es ce que c'est mieux de mettre une class ou pas et mettre chil 1 child 2 child 3

[NoSmoking]

Bonjour,
@gene69 :

pour moi, on ne met que des li dans des ol

les éléments <ol> doivent avoir comme enfants directs des <li>.

@koala19100 :
Difficile à dire sans connaitre le contexte global d'intégration de ton code, mais on peut un peu s'en douter lorsque l'on voit le nom que tu as donné à tes classes.

Je dirais que dans ton cas il me semblerait plus judicieux d'exploiter des « description list » <dl> dans le code.

Si tu adoptes cette structure, ou même une autre d'ailleurs, il serait plus avantageusement de passer par des classes pour affecter les styles plutôt que par la pseudo-classe :nth-child(x), cela sera plus lisible, donc plus facile à maintenir et ne dépendra pas de l'ordre dans le HTML.

Code html :

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

1
2
3
4
5
<div class="posteur">
  <div class="name"></div>
  <div class="avatar"></div>
  <div class="connection"></div>
</div>

mais aparement pour faire un rond ou un carré il faut mettre un div ceux quelqu'un m'a dit

il te faut surtout un élément dimensionné qui a la même largeur que la hauteur et d'y appliquer effectivement un border-radius: 50%; si cela doit être un rond.