Les Positions CSS en 20 minutes - Absolute - Relative - Fixed - Sticky

No video

Les Positions CSS en 20 minutes - Absolute - Relative - Fixed - Sticky - Avec Exemples (2021) FR

Рет қаралды 42,465

NadfriJS

Күн бұрын

Пікірлер: 181

@nassimback 3 жыл бұрын

si tu savait combien d'heures j'ai passé en essayant de comprendre ces positions sans résultat !!!! je ne pourrais jamais te remercier assez

@NadfriJS 3 жыл бұрын

Très heureux que cette vidéo fut bénéfique pour toi!

@alex-lbd Жыл бұрын

WOW J'ai compris beaucoup de choses avec ton tuto, très simple esthétiquement ce qui fait qu'on ne se perd pas! Pis tes explications sont authentiques, claires, et maîtrisées! Merci beaucoup!

@NadfriJS Жыл бұрын

Oh merci beaucoup !

@morycamara6281 11 ай бұрын

J'ai acheté beaucoup de formations mais, c'est ici que j'ai compris le positionnement en Css. Merci beaucoup!

@NadfriJS 11 ай бұрын

Merci pour ce commentaire, il fait plaisir :)

@everydayquotes10 3 ай бұрын

Bonjour Monsieur, merci pour ce beau travail que vous aviez décidé de partagé gratuitement avec nous. Vous êtes vraiment un pédagogue, vous m'avez non pas simplement aidé à comprendre les produits position de CSS, mais m'aidé également à m'intéresser encore plus au développement Web

@NadfriJS 3 ай бұрын

Merci infiniment

@arnaudjuet5508 6 ай бұрын

La meilleure explication trouvée sur le web concernant les positions en CSS ! Un grand merci et un grand bravo pour cet excellent tuto !

@NadfriJS 5 ай бұрын

Un grand merci !

@marye1218 Жыл бұрын

Merci mille fois pour votre tuto qui est juste génial pour la compréhension des différentes positions ! Bravo pour votre pédagogie !!!

@NadfriJS Жыл бұрын

Un grand merci !

@mrpolo8333 3 ай бұрын

Vous êtes le meilleur !!! J'ai passé un temps fou sur la propriété sticky sans comprendre pourquoi elle ne fonctionnait pas et vous m'avez parfaitement expliqué pourquoi 😁 Merci infiniment !!!!!!!!!!

@NadfriJS 3 ай бұрын

Merci de votre retour 😊

@floriangasparine4436 2 жыл бұрын

J’ai juste envie de te dire un fucking MERCIIII !!! Une explication clair et précise sans fioriture et exemplifier ! Le rêve d’un débutant 😍 Tu as gagné un abonné un like et j’ai activé la cloche 💪🏾

@NadfriJS 2 жыл бұрын

Merci pour ton commentaire :)

@soribakaba7366 Жыл бұрын

Une très bonne vidéo avec des explications compréhensibles

@vincentfaridmaalem2287 5 ай бұрын

Il me faut des profs comme vous. Je comprends très bien maintenant. Merci beaucoup.

@NadfriJS 5 ай бұрын

Merci à vous

@CaroFlo0410 Жыл бұрын

Enfin des explications claires ! Je ne comprenais pas tout dans la documentation. Bravo et merci pour cette vidéo, je m'abonne à votre chaine, bonne continuation à vous :)

@NadfriJS Жыл бұрын

Merci pour ton commentaire :)

@aissatoubobodiallo2449 Жыл бұрын

J’ai finalement compris les positions CSS. Et ce, grâce à vous Merci 🙏

@NadfriJS Жыл бұрын

Génial !

@hugor9660 2 жыл бұрын

Enfin quelqu'un qui explique bien. Merci

@NadfriJS 2 жыл бұрын

Merci pour le compliment :)

@tessayouaz5968 2 жыл бұрын

je n'arrive pas à croire que c'est aussi simple que ça, je galère avec les postions depuis un moment et cette vidéo est une révélation franchement Bravo!!! je m'abonne

@NadfriJS 2 жыл бұрын

Génial !

@user-xx1kq6ot7i Ай бұрын

je découvre cette excellente vidéo merci

@audreyvaccaro Жыл бұрын

Un énorme merci!!!! Tellement plus simple à comprendre comme ça que dans la formation que je paye! Je m'abonne DIIIIIIIIIRECT 😀

@NadfriJS Жыл бұрын

Merci et bienvenue

@malouette3991 2 жыл бұрын

Excellent !! C'est la seule explication que j'ai vraiment comprise.

@NadfriJS 2 жыл бұрын

Génial !

@shanwazghulam19 3 жыл бұрын

Excellente vidéo, c'est vraie que je ne voyais pas la différence entre relative et absolute mais maintenant c'est fait.

@nadfri 3 жыл бұрын

Merci

@NadfriJS 3 жыл бұрын

Merci beaucoup 🙂

@user-td7jm6rs5n Жыл бұрын

Merci beaucoup pour ce tutoriel de qualité ! :) Vos explications sont super claires, et j'ai pris plaisir à réviser avec votre vidéo. Merci, merci ! :)

@NadfriJS Жыл бұрын

Mais de rien ;)

@mustaphabousellam746 3 жыл бұрын

Merci pour cet excellent tutoriel qui pour la première fois m'a permis de comprendre exactement ces différentes positions css

@NadfriJS 3 жыл бұрын

Merci de votre retour

@LesAmisDuCoran Жыл бұрын

11:36 - donc vous comprenez sûrement rien du tout🤣🤣, j'ai aimé 🤣, merci pour l'explication, super claire 😇

@PainNagato42 3 жыл бұрын

Je connaissais déjà les positions CSS mais merci pour cette révision ;)

@NadfriJS 3 жыл бұрын

Avec plaisir 😁

@Boudha_Solo 2 жыл бұрын

Salut, ta vidéo est très bien. Tu es très pédagogue et c'est ce qu'il faut pour un débutant comme moi et grâce toi je vais pouvoir rédiger du code plus propre et plus concis.

@NadfriJS 2 жыл бұрын

Merci et bienvenue

@isaack1579 Жыл бұрын

Salut et grand merci pour cette vidéo sa m'a vraiment. Bonne continuation, un abonné de plus

@NadfriJS Жыл бұрын

Merci et bienvenue

@daniellucarini870 2 жыл бұрын

Enfin un tuto expliqué avec patience et clarté !!

@NadfriJS Жыл бұрын

Merci du compliment

@philstore788 Жыл бұрын

Super vidéo ! J ai tout compris, c est bien détaillé et bien expliqué ! Merci pour le partage

@NadfriJS Жыл бұрын

Merci à toi 😊

@mathus1906 2 жыл бұрын

Merci pour cette vidéo, c'est pas totalement facile et ta vidéo est très utile pour comprendre :)

@NadfriJS 2 жыл бұрын

Avec plaisir 🙂

@youssoufmeite4693 2 жыл бұрын

Wahou c'est aujourd'hui que j'ai vraiment compris merci

@NadfriJS 2 жыл бұрын

Génial !

@misusvde7942 Жыл бұрын

Whaou ! superbe tuto. Tellement bien expliqué et montré , merci bcp !

@NadfriJS Жыл бұрын

Merci à toi 😊

@raazyaa Жыл бұрын

Top vidéo pour comprendre les positions !!!

@NadfriJS Жыл бұрын

Merci 🙌

@AlexandreCalmels Жыл бұрын

Merci pour ton travail ! Tu m'as beaucoup aidé pour comprendre et bien utiliser les positions absolute et relative ;)

@NadfriJS Жыл бұрын

Avec plaisir

@jawadach 3 жыл бұрын

Bravo, j'ai bien aimé les explications, sont très claires … un grand Merci

@NadfriJS 3 жыл бұрын

Merci à toi pour ton commentaire ;)

@victorassiah4879 Жыл бұрын

Superbe tutoriel ; explication très claire et très concise. Merci beaucoup

@NadfriJS Жыл бұрын

Merci à vous 😊

@victorassiah4879 Жыл бұрын

@@NadfriJS Le merci vous reviens 🥰

@saoryr2131 Жыл бұрын

Merci beaucoup pour cette vidéo. Elle m'a bien aidé pour mon projet de creation de pop up 👍👍

@NadfriJS Жыл бұрын

Avec plaisir 🙂

@francoismonfret8108 21 күн бұрын

merci beaucoup monsieur

@cerisen Жыл бұрын

Une vidéo super top bien expliqué j'ai enfin compris MERCI merciiiiii et bien sur je m' habonne

@NadfriJS Жыл бұрын

Merci à toi 😊

@smockydedaly 2 жыл бұрын

C'est vraiment super et magnifique. Felicitation

@NadfriJS 2 жыл бұрын

Oh merci beaucoup !

@Je.positive 2 жыл бұрын

Merci,Trop d'embrouilles!

@romainciszewicz7779 2 жыл бұрын

Franchement félicitations pour tes explications , super professeur je like et je m'abonne.

@NadfriJS 2 жыл бұрын

Merci et bienvenue

@meyous-coder Жыл бұрын

merci surtout pour la position relative du parent. c'était toujours flou

@NadfriJS Жыл бұрын

Avec plaisir

@gonmk5361 2 жыл бұрын

Très bien expliqué !! Merci pour ton tuto de qualité.

@NadfriJS 2 жыл бұрын

Avec plaisir 😊

@jocelynpater4754 2 жыл бұрын

Merci pour ce super top vidéo sur les positions. Bonne continuation et surtout la santé pour toujours.

@NadfriJS 2 жыл бұрын

Merci, la santé pour toujours je prends :)

@karimboussakri2186 11 ай бұрын

super propre 💪

@NadfriJS 10 ай бұрын

Merci 🤙

@mohamedlegtibi802 Жыл бұрын

Video bien expliquée. Grâce à toi j'ai bien compris les positions. +1 abonné

@NadfriJS Жыл бұрын

De rien et merci

@naudz7 Жыл бұрын

Merci pour ta vidéo ! Les explications sont top ✌

@NadfriJS Жыл бұрын

Avec plaisir 😁

@asphaltking5870 Жыл бұрын

Très clair !!

@mourirderire1400 Жыл бұрын

Très bien expliqué !!!!

@NadfriJS Жыл бұрын

Merci 😊

@rachiid0074 2 жыл бұрын

Très bonne vidéo !!! Merciii 😜

@NadfriJS 2 жыл бұрын

Avec plaisir 😁

@imbackforevre4089 Жыл бұрын

merci tres simple et tres efficace

@NadfriJS Жыл бұрын

Avec plaisir

@romero1745 Жыл бұрын

Génial pour tes explications. Merci pour tes contenus :)

@NadfriJS Жыл бұрын

Avec plaisir 🙂

@abderrahmaneaitallaoua6023 2 жыл бұрын

très clair, merci.

@NadfriJS 2 жыл бұрын

Merci à vous

@ericerac4928 Жыл бұрын

Super bien ton tuto et trés facile à comprendre. Petite correction qui n'a rien à voir avec les positions mais le lorem ipsum n'est pas un text aléatoire, il sagit d'un texte extrait en partit d'une oeuvre de Cicéron et surtout utilisé pour les d'essai d'imprimerie à partir du XVIe siècle. Voilà, et je me répète, ton tuto est bien fait.

@NadfriJS Жыл бұрын

Merci pour cette info que je ne connaissais pas ;)

@mayerzrl 2 жыл бұрын

Cette vidéo est top ! Merci à vous

@NadfriJS 2 жыл бұрын

Merci pour le commentaire :)

@tribgraal Жыл бұрын

Merci pour ta vidéo !

@NadfriJS Жыл бұрын

Avec plaisir 😁

@noapage1768 3 ай бұрын

Merci

@saidhamani827 2 жыл бұрын

Perfect. Thanks

@NadfriJS 2 жыл бұрын

You r welcome

@SofianeBTZ Жыл бұрын

Merci infiniment !!

@NadfriJS Жыл бұрын

Avec plaisir

@alfredkuate9370 Жыл бұрын

Tres bien expliqué, vraiment je comprennais pas tres bien cette notion!!! Est ce que ta fais une video qui explique les flexbox????

@NadfriJS Жыл бұрын

Merci, j'ai pas fait de videos sur flex du fait qu'on en trouve pas mal sur youtube, mais si tu veux en savoir plus, regarde mes videos de tutos complets, faire une navbar responsive ou une todo list de A à Z, j'explique ces concepts

@theryphil 11 ай бұрын

très bonne vidéo félicitation

@NadfriJS 11 ай бұрын

Merci beaucoup 😁

@plexussolair7716 Жыл бұрын

Merci.

@nicolassoulerot4169 2 жыл бұрын

Excellent, bonnes explications !!

@NadfriJS 2 жыл бұрын

Un grand merci !

@klemdev6640 2 жыл бұрын

super video !!! c'est très bien expliqué.

@NadfriJS 2 жыл бұрын

Merci beaucoup 🙂

@houssenranivoson2593 2 жыл бұрын

Merci !

@BenjaminAISHI-pf8rz Жыл бұрын

Merci beaucoup

@NadfriJS Жыл бұрын

Avec plaisir

@MFRDeLaVega91 3 жыл бұрын

Bravo ! Super vidéo nécessaire

@NadfriJS 3 жыл бұрын

Merci à toi!

@charleskouakou6908 2 жыл бұрын

merci beaucoup pour cette video

@NadfriJS 2 жыл бұрын

Avec plaisir

@bleuechabani1863 2 жыл бұрын

merci pour les vidéos

@NadfriJS 2 жыл бұрын

Avec plaisir

@lydia1136 Жыл бұрын

plus que magnifique vraiment merciiii beaucouppp de la part d une algeriennne merciiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiii

@NadfriJS Жыл бұрын

Merci infiniment

@lydia1136 Жыл бұрын

@@NadfriJS c'est la moindre des choses

@limaks8761 2 жыл бұрын

SUPER

@adsiassicmsd Жыл бұрын

merci !

@sihemtoutsimplement6616 3 жыл бұрын

Merci beaucoup , très utile !

@NadfriJS 3 жыл бұрын

Avec plaisir

@gatessassistance3060 6 ай бұрын

merci

@NadfriJS 5 ай бұрын

Avec plaisir

@bloullittaa 2 жыл бұрын

Merci j'adore

@NadfriJS 2 жыл бұрын

Merci pour ton commentaire :)

@bloullittaa 2 жыл бұрын

@@NadfriJS franchement trop bien expliqué, j'ai une évaluation en html css après demain grâce à ta vidéo je suis plus rassurée

@rachidbenanin4780 Жыл бұрын

C est super merci bcp

@NadfriJS Жыл бұрын

De rien et merci

@cog969 2 жыл бұрын

merci à vous ;)

@NadfriJS 2 жыл бұрын

Avec plaisir 🙂

@alhassanebah7607 Жыл бұрын

merci beacoup

@Kybrakybra 3 ай бұрын

Salut merci pour ces explications, j'aimerais une confirmation, le conteneur c'est bien une div dans ton cas?

@NadfriJS 3 ай бұрын

Oui c'est ça

@rcytv9613 2 жыл бұрын

Merci beaucoup pour les vidéos , c'est super ! Aurais tu des conseils concernant le syndrome de la page blanche au niveau algo? Pouce bleu!

@NadfriJS 2 жыл бұрын

Merci, je donne quelques conseils sur l'algo dans mes vidéos correction de codinGame. Mais la règle c'est de prendre un crayon et un papier, et de noter étape par étape le raisonnement naturel du cerveau pour résoudre un problème. Une fois les étapes identifiées, tu les écris en code sans optimisation. A ce moment, tu vas remarquer que tu te répètes dans le code, et qu'une boucle serait plus judicieuse à tel endroit, puis quand ton code fonctionne, tu vas remarquer automatiquement que tu peux encore réduire la taille du code à tel ou tel endroit, puis à la fin ton code ne fera plus que quelques lignes.

@rcytv9613 2 жыл бұрын

@@NadfriJS Merci , je vais essayer d'appliquer tes conseils !

@oredytech 3 ай бұрын

Je penses que sticky n'a pas fonctionner au début parce que son container à une position relative. Il faudrait donc enlever la position du container.

@yathergame279 3 жыл бұрын

On est d'accord que si on met notre nav bar avec comme propriété position:fixed; la nav bar va passer au-dessus du titre du site. Mais il n'y aurait pas moyen de contourner ce problème avec la propriété z-index comme vous l'avez expliquez ? Avec la propriété z-index, en mettant z-index:1; pour le titre et z-index:0; pour la nav bar, elle passera en dessous du texte nan ? Simple curiosité (sinon très bonne vidéo, en tant que débutant, votre vidéo ma très bien éclairci sur le sujet !)

@NadfriJS 3 жыл бұрын

Oui c'est possible, mais je ne pense pas que le résultat sera très esthétique ;)

@yathergame279 3 жыл бұрын

@@NadfriJS D'accord, merci !

@gargouillestudiofx 2 жыл бұрын

salut, un grand, grand merci pour cette vidéo très bien faite, enfin je vais pouvoir avancer un peu sur les positions !!, juste une petite question...à quel moment serait il plus adéquat d'utiliser ' position: fixed ' ?. Encore merci !!!!

@NadfriJS 2 жыл бұрын

Salut, je dirais lorsqu'on a à fixer un élément à une autre position que Top, par exemple un menu en bas de l'écran, ou un icon de scroll sur le coté par exemple

@djamal01010 7 ай бұрын

J'ai une question a propos du containers(parent) et de la positions absolue il faut qu'il soit absolument dans le containers(parent) si il est en dehors du containers dans ce cas la il prend toute la page c'est ça ???

@NadfriJS 7 ай бұрын

Ca va remonter parent par parent jusqu'à en trouver un ayant une position relative, s'il ne trouve rien, alors le parent c'est body. L'element en absolute se positionne par rapport au 1er parent ayant une position relative, sinon c'est body par defaut.

@AsseveratecyprusMouyamba-hh3cx 5 ай бұрын

Bonjour ! J' aimerais savoir comment vous avez fait pour séparer les contraires de part et d' autres ?

@NadfriJS 5 ай бұрын

J'ai pas bien compris la question 🤔

@nukken 2 жыл бұрын

Merci pour cette super vidéo je débute et tu m'as appris beaucoup de code, j'ai une question. Quand je mets dans mon un button, comment je change sa taille?

@NadfriJS 2 жыл бұрын

Salut, viens nous rejoindre sur mon discord, ca sera plus facile de repondre à tes questions, le lien est dans la description

@sadouadama9953 Жыл бұрын

merci pour la vidéo.en passant j'ai pas pigé une chose.le terme box dans css je ne le voix pas dans la page html.merci !

@NadfriJS Жыл бұрын

Salut, c'et juste une classe CSS, elle sert à styliser mes divs (ici un carré avec un contenu centré)

@sadouadama9953 Жыл бұрын

J'ai pas compris ton explication mais c'est bon a travers des test j'ai compris

@charlesenglebert8226 Жыл бұрын

et ça fait quoi top, left par rapport à margin-top, margin-left ?

@NadfriJS Жыл бұрын

Avec les margins, tu vas pousser tous les elements qui sont autour, tandis que top,left,right,bottom te permettent de faire des superpositions.

@all-habibmohamed8058 2 жыл бұрын

Merci mais comment positionner le menu en haut a droite de mon site Web.

@NadfriJS 2 жыл бұрын

Regarde mon tuto sur faire un site responsive avec navBar

@sadouadama9953 Жыл бұрын

et aussi quel est l'importance de la position static

@NadfriJS Жыл бұрын

C'est la valeur par defaut quand tu mets rien. Pas vraiment d'interet en soit, sauf dans de rare cas pour des animations CSS ou tu passes d'une position fixed à static par exemple.

@sadouadama9953 Жыл бұрын

@@NadfriJS merci beaucoup.si tu avait un blog je serais le premier.j'aime les réponses claires et instantané

@mimounkada5271 3 жыл бұрын

👍🏻👍🏻👍🏻

@a9darrouh132 3 жыл бұрын

Merci beaucoup. j'espère que vous allez faire de transformer un site static vers dynamic avec php et bonne continuation ❤️❤️❤️

@NadfriJS 3 жыл бұрын

Je ne fais pas du PHP, je suis plutot sur React en ce moment, mais voici une super chaine pour le PHP, les teachers du web kzfaq.info/love/zuaB4F2znrMggxcwUuVhAw

@a9darrouh132 3 жыл бұрын

@@NadfriJS je trouve seulement que des cours du java et autres cours 😔

@NadfriJS 3 жыл бұрын

@@a9darrouh132 PHP ca s'utilise avec des framework, il y en 2 connus, laravel et Symphony. La tu verras plein de cours dessus.

@a9darrouh132 3 жыл бұрын

@@NadfriJS Je veux convertir un site statique en site dynamique permettant aux visiteurs de laisser leurs commentaires et de me contacter via leurs commentaires mais je ne sais pas quel est le langage que je dois l'utiliser ?

@NadfriJS 3 жыл бұрын

@@a9darrouh132 Je pense que le plus simple est avec PHP et une base de donnée MYSQL. Essaie ce cours : kzfaq.info/get/bejne/jphxo9piqKqoeoU.html

@dukenuggets Жыл бұрын

le sticky c'est débordant ce que tu ne dis pas, si tu met par exemple un translate pour cacher un élément tu verra le scroll horizontal et ça et c'est moche donc fixed quitte a mettre un margin sur le container c'est mieux.