CSS (Positionnement)

Salut,

J’ai quelque difficultés au sujet du positionnement en CSS, j’aimerais si possible que vous m’aider a bien comprend le fonctionnement.

J’ai lis quelque articles sur le sujet, mais parfois le vulgariser avec des exemples est beaucoup mieux.

Merci pour votre aide !

Peux-tu préciser ce qui te dérange concernant le positionnement ?

En fait, j’ai de la difficultés avec le positionnement général des éléments. Donc tout ce qui englobe le positionnement d’image, texte etc.. Je sais la question est très vague, mais je cherche a avoir plusieurs avis sur le positionnement (quelle balise est préférable à d’autre).

Salut,

Pour un questionnement aussi général, je pense que la meilleure façon de commencer est de chercher des cours ou des tutos. Ensuite, demander sur un forum en cas de question précise.

Il se trouve que j’ai eu à me former rapidement là-dessus la semaine dernière, donc je peux quand même te conseiller les ressources que j’ai trouvées particulièrement utiles.

D’abord le site de la MDN (la page générale pour le CSS : https://developer.mozilla.org/en-US/docs/Web/CSS ; la page d’introduction au positionnement : https://developer.mozilla.org/en-US/docs/Learn/CSS/CSS_layout/Introduction ; après t’as une section par concept, plus détaillée) que je trouve très clair, plus lisible que W3school.

Ensuite pour moi le plus intéressant pour le positionnement ça a été de comprendre les notions de flex et de grid, et pour ça je me suis servi de ces deux tutos, que je trouve clairs, bien organisés et avec des schémas qui aident à bien visualiser.

Pour le grid : https://css-tricks.com/snippets/css/complete-guide-grid/

Pour le flex : https://css-tricks.com/snippets/css/a-guide-to-flexbox/

Bon courage !

Déjà commence par comprendre le modèle des boîtes classique (padding, margin, etc…)… et bien sûr comprendre la différence entre un élément block et inline.

Éventuellement se renseigner un minimum sur le positionnement flottant et inline-block… Mais c’est un peu obsolète aujourd’hui, comme dit mon vdd, mieux vaut bifurquer par la suite vers le modèle des boîtes flexibles.

En parallèle, comprendre les techniques de positionnement relatif, absolu, fixe, etc…