HTML/CSS #19 - modèle de boîte

แชร์
ฝัง
  • เผยแพร่เมื่อ 21 ม.ค. 2025

ความคิดเห็น • 67

  • @kevingerola7215
    @kevingerola7215 5 ปีที่แล้ว +6

    Chaîne superbe. Un plaisir au niveau des explications. Merci pour le partage de savoir!

    • @formation-video
      @formation-video  5 ปีที่แล้ว

      De rien ✌
      +---------------------------------------------------------------------------------------------------------------------------------------------+
      |- COUCOU, TU VEUX :
      |--- Nous rejoindre sur Discord ? discord.me/jasonchampagne
      |--- Me voir en direct sur Twitch ? www.twitch.tv/jachampagne
      |--- T'abonner à mon autre chaîne TH-cam ? th-cam.com/users/jasonchampagne
      |--- Me follow sur Twitter ? twitter.com/jachampagne8
      |--- Liker la page Facebook ? facebook.com/jachampagne8
      |--- Me follow sur Insta ? instagram.com/jachampagne8
      |--- M'ajouter sur Snapchat ? www.snapchat.com/add/jachampagne8
      +---------------------------------------------------------------------------------------------------------------------------------------------+

  • @christianroberge4465
    @christianroberge4465 ปีที่แล้ว

    Très bien expliquer. J'ai déjà regarder plusieurs autre vidéo expliquant le CSS et ce sont tes explications qui m'ont le mieux fait comprendre le fonctionnement le principe, surtout en ce qui concerne les fameuses "boites". Merci encore :)

    • @formation-video
      @formation-video  ปีที่แล้ว

      Ravi que cela ait été clair pour toi, et bon courage pour les prochaines séances sur ce cours HTML/CSS 👋

  • @pacorabo2
    @pacorabo2 4 ปีที่แล้ว

    Je viens de lire ce tuto en complément d'un formation que je suis sur les bases du html et css. Je dois dire que tu expliques vraiment très bien. Bravo pour ce travail. tu gagnes un abonné. ce n'est pas grand chose mais un simple forme de reconnaissance.

    • @formation-video
      @formation-video  4 ปีที่แล้ว

      Merci pour le soutien ! 🙂
      ◼ ➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖
      ◾ MERCI DE TON SOUTIEN ! 🔻
      ◾ Pas encore abonné(e) ? N'hésite pas à le faire 💙
      ◾ Soutenir FormationVidéo : bit.ly/2L0xNXA
      ◾ Site web : jasonchampagne.fr
      ◾ Discord : discord.me/jasonchampagne
      ◾ Twitch : www.twitch.tv/jachampagne
      ◾ TH-cam (personnel) : th-cam.com/users/jasonchampagne
      ◾ Twitter : twitter.com/jachampagne8
      ◾ Facebook : facebook.com/jachampagne8
      ◾ Instagram : instagram.com/jachampagne8
      ◾ Snapchat : www.snapchat.com/add/jachampagne8
      ◼ ➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖

  • @ibrabowe97
    @ibrabowe97 ปีที่แล้ว

    Franchement I Love this video, the way you explain things is absolutely clear and easy to integrate

  • @sarahelaanbari
    @sarahelaanbari ปีที่แล้ว

    Merci beaucoup c'est vraiment top. Très clair et simple avec vos explications.

  • @3rrorf4nd
    @3rrorf4nd 3 ปีที่แล้ว

    Merci pour cette vidéo encore on ne pourrai vous payer pour cet immense travail merci !!!

  • @XxFreez3
    @XxFreez3 3 ปีที่แล้ว

    Franchement super la formation ! Continu !

    • @formation-video
      @formation-video  3 ปีที่แล้ว +1

      À bientôt 👋

    • @XxFreez3
      @XxFreez3 3 ปีที่แล้ว

      @@formation-video petite question, beaucoup de choses ont changé depuis que tu as publié cette formation ?

    • @formation-video
      @formation-video  3 ปีที่แล้ว +1

      Non, c'est toujours d'actualité 👍

    • @XxFreez3
      @XxFreez3 3 ปีที่แล้ว

      @@formation-video il y a un memento css dispo ?

    • @formation-video
      @formation-video  3 ปีที่แล้ว +1

      Tout est/sera ici : github.com/jasonchampagne/FormationVideo/tree/master/Ressources/HTML-CSS

  • @mamadoulaminebadji2493
    @mamadoulaminebadji2493 6 ปีที่แล้ว +2

    j'aime cette vidéo merci c explicite

  • @idaesetec2090
    @idaesetec2090 6 ปีที่แล้ว +1

    merci pour la vidéo ça m'aide énormément

    • @formation-video
      @formation-video  6 ปีที่แล้ว

      De rien, et bonne continuation ! 😉
      +---------------------------------------------------------------------------------------------------------------------------------------------+
      |- Jason CHAMPAGNE - jasonchampagne.fr
      +---------------------------------------------------------------------------------------------------------------------------------------------+
      |- COUCOU, TU VEUX :
      |--- Nous rejoindre sur Discord ? discord.me/jasonchampagne
      |--- Me voir en direct sur Twitch ? www.twitch.tv/jachampagne
      |--- T'abonner à mon autre chaîne TH-cam ? th-cam.com/users/jasonchampagne
      |--- Me follow sur Twitter ? twitter.com/jachampagne8
      |--- Liker la page Facebook ? facebook.com/jachampagne8
      |--- Me follow sur Insta ? instagram.com/jachampagne8
      |--- M'ajouter sur Snapchat ? www.snapchat.com/add/jachampagne8
      +---------------------------------------------------------------------------------------------------------------------------------------------+

    • @idaesetec2090
      @idaesetec2090 6 ปีที่แล้ว +1

      merci

  • @Meriem_Sellami
    @Meriem_Sellami 6 ปีที่แล้ว +1

    Grand merci à vous, Juste une petite question concernant la propriété margin, ce que j'ai compris elle sert à ajouter des marges extérieures (mais par à port à l'élément parent) mais ça ce n'est pas le cas lorsque vous avez ajouté des marges à l'élément par exemple ! (14.45)

    • @formation-video
      @formation-video  6 ปีที่แล้ว +1

      Bonjour, si justement, quand j'ai mis pour valeur 250px à la marge, il y a bien 250pixels de marge aux quatre côtés externes du bloc de paragraphe .
      +---------------------------------------------------------------------------------------------------------------------------------------------+
      |- Jason CHAMPAGNE - jasonchampagne.fr
      +---------------------------------------------------------------------------------------------------------------------------------------------+
      |- COUCOU, TU VEUX :
      |--- Nous rejoindre sur Discord ? discord.me/jasonchampagne
      |--- Me voir en direct sur Twitch ? www.twitch.tv/jachampagne
      |--- T'abonner à mon autre chaîne TH-cam ? th-cam.com/users/jasonchampagne
      |--- Me follow sur Twitter ? twitter.com/jachampagne8
      |--- Liker la page Facebook ? facebook.com/jachampagne8
      |--- Me follow sur Insta ? instagram.com/jachampagne8
      |--- M'ajouter sur Snapchat ? www.snapchat.com/add/jachampagne8
      +---------------------------------------------------------------------------------------------------------------------------------------------+

    • @Meriem_Sellami
      @Meriem_Sellami 6 ปีที่แล้ว

      ​@@formation-video Bonjour, oui il y a des marges mais le bloc décale de 250 pixels par apport à l'élément , et non pas a (l'élément parent) ?

  • @anisbm8873
    @anisbm8873 6 ปีที่แล้ว +1

    Merci beaucoup. Ça ne fait pas longtemps que je me suis mis à l'HTML et au CSS et des fois je reste des jours entiers sur des soucis comme pour aligner horizontalement trois boîtes... 👍

    • @formation-video
      @formation-video  6 ปีที่แล้ว

      J'espère que tu as pu corriger tes soucis alors :)

  • @maximes9
    @maximes9 6 ปีที่แล้ว +1

    Prochaine vidéo sa serais cool que tu explique le principe du box sizing qui est de plus en plus utiliser

  • @tiemoko.s
    @tiemoko.s 6 ปีที่แล้ว +1

    Super video : )

  • @dalyaffes9885
    @dalyaffes9885 2 ปีที่แล้ว

    super formation bravo !!

  • @alexandre1652
    @alexandre1652 ปีที่แล้ว

    Merci monsieur pour tout mais j'aimerais savoir si la margin peut s'appliquer sur les images ? Ici je vois que des paragraphes.

    • @formation-video
      @formation-video  ปีที่แล้ว

      Oui, "margin" est une propriété qui fait une marge externe. Cela s'applique donc à tout élément (en bloc, en ligne, ...)
      Et le meilleur moyen de t'en assurer, c'est de tester 👍

    • @alexandre1652
      @alexandre1652 ปีที่แล้ว

      Merci monsieur

  • @happycreeper6923
    @happycreeper6923 ปีที่แล้ว

    Hello !
    Puisque le pb n'a pas été soulevé en commentaires : je ne vois pas trop à quoi sert le min-width car quelle que soit la valeur que j'entre, les limites de redimensionnement de la fenêtre ne semblent pas modifiées. Qu'est censé changer le min-width finalement ?

    • @formation-video
      @formation-video  ปีที่แล้ว

      Bonjour, cela est utile si tu veux qu'un élément ne soit pas réduit jusqu'à une certaine limite (par exemple, tu ne veux pas qu'un élément qui fait normalement 300 pixels de large puisse être réduit à... 2 pixels.
      Cela peut servir aussi dans le cas où tu voudrais qu'un ensemble d'éléments occupe tout un espace précis (en largeur), mais que s'ils ne font pas cette largeur en réalité, s'arrêteraient avant les limites de l'espace qu'on leur a réservé (je pense à un menu par exemple).

    • @happycreeper6923
      @happycreeper6923 ปีที่แล้ว

      @@formation-video Merci beaucoup pour l'aide, bonne journée Jason

    • @formation-video
      @formation-video  ปีที่แล้ว

      👋

  • @nidhalabidi2035
    @nidhalabidi2035 4 ปีที่แล้ว

    Bonjour
    Merci jason pour la video, mais la propriété overflow-wrap:break-word; ne marche pas chez moi, sachant que j'utilise notepad++ comme éditeur et google chrome comme navigateur, Pouvez vous me dire pourquoi SVP ?

    • @formation-video
      @formation-video  4 ปีที่แล้ว

      Bonjour, étonnant car "break-word" est pris en charge sans soucis sur Chrome depuis sa première version. Il faudrait voir tes codes
      ◼ ➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖
      ◾ MERCI DE TON SOUTIEN ! 🔻
      ◾ Pas encore abonné(e) ? N'hésite pas à le faire 💙
      ◾ Soutenir FormationVidéo : bit.ly/2L0xNXA
      ◾ Site web : jasonchampagne.fr
      ◾ Discord : discord.me/jasonchampagne
      ◾ Twitch : www.twitch.tv/jachampagne
      ◾ TH-cam (personnel) : th-cam.com/users/jasonchampagne
      ◾ Twitter : twitter.com/jachampagne8
      ◾ Facebook : facebook.com/jachampagne8
      ◾ Instagram : instagram.com/jachampagne8
      ◾ Snapchat : www.snapchat.com/add/jachampagne8
      ◼ ➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖

  • @chihabeddine8023
    @chihabeddine8023 6 ปีที่แล้ว +1

    Stuépfiant encore !!!
    J'en ai des question si vous vous pouvez recorder des vidéos du coté backend ( avec le framework django ) et merci encore une fois !

    • @formation-video
      @formation-video  6 ปีที่แล้ว +2

      Je prévois une formation sur Django ;)

  • @imadabid1672
    @imadabid1672 6 ปีที่แล้ว +1

    Bonjour à tous. J’ai une question sur la taille d’un entier en Langage C. Comme vous savez sizeof(int)=4oct, et on sait que 1oct=2^8 bits, donc sizeof(int)= (2^8)^4 bits=2^32 bits mais dans la documentation de Langage C on trouve la borne supérieure d’un unsigned int = 2^16 -1. Je pense qu’elle doit être 2^32-1. Je trouve ce problème quand j’essaie de créer un programme qui convertit Hexadécimale -> Décimale. Et merci pour votre réponse !

    • @formation-video
      @formation-video  6 ปีที่แล้ว

      Bonjour, un entier (int) ne fera pas forcément 4 octets. Sur certains systèmes, il peut en faire 2
      Et attention, 1 octet = 8 bits (et pas 2 puissance 8 bits)
      Donc, en C, une variable "int", suivra les bornes comme indiquées ici : nsa39.casimages.com/img/2018/08/01/180801053004766127.png
      PS: la prochaine fois, pourras-tu poster ton commentaire sur une vidéo en rapport avec ton message, merci :)

  • @joelswedy2750
    @joelswedy2750 14 วันที่ผ่านมา

    salut la team, comment mettre plusieurs box element comme par des sur la meme ligne mais separement ? j ai mis trois div en html et en css mes coodonnees son correct selon le {margin: top right bottom left ; } mais les moteurs ne se comporte pas du tout comme prevus . J aime cette Chaine :) Merci

    • @formation-video
      @formation-video  12 วันที่ผ่านมา

      Bonjour, je ne sais exactement ce que tu veux réussir à faire. Si c'est avoir trois conteneurs sur une même ligne, tu peux utiliser flexbox (c'est abordé plus tard dans le cours).

  • @T.o.j_001
    @T.o.j_001 4 ปีที่แล้ว +1

    Bonsoir Jason, franchement j'adore tes formations merci, je me suis énormément développer depuis que je les suient et là j'ai fini de te suivre ta formation en HTML CSS et je conçois déjà de très bon site, mais je me sens un peu limité j'aimerais savoir si en peu faire des trucs du genre pagination, carrousel, dropdows, avec HTML CSS, un ami m'a dit qu'il pense pas que ce soit possible de faire telle chose en HTML CSS et qu'il faut avoir recours à un autre langages ou outils comme des frameworks par exemple mais j'ai pensé te demander d'abord avant de me lancer vers ces derniers

    • @formation-video
      @formation-video  4 ปีที่แล้ว

      Bonjour, pas mal de choses dynamiques (animations, transitions, ...) peuvent être faites en CSS désormais, pour éviter de le faire par un langage de programmation côté client. Sinon, tu peux agrémenter tes pages HTML/CSS avec du JavaScript (et pas besoin de framework pour le faire hein 😉)
      ◼ ➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖
      ◾ MERCI DE TON SOUTIEN ! 🔻
      ◾ Pas encore abonné(e) ? N'hésite pas à le faire 💙
      ◾ Soutenir FormationVidéo : bit.ly/2L0xNXA
      ◾ Site web : jasonchampagne.fr
      ◾ Discord : discord.me/jasonchampagne
      ◾ Twitch : www.twitch.tv/jachampagne
      ◾ TH-cam (personnel) : th-cam.com/users/jasonchampagne
      ◾ Twitter : twitter.com/jachampagne8
      ◾ Facebook : facebook.com/jachampagne8
      ◾ Instagram : instagram.com/jachampagne8
      ◾ Snapchat : www.snapchat.com/add/jachampagne8
      ◼ ➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖

  • @hazahaza5317
    @hazahaza5317 6 ปีที่แล้ว +1

    Bonjour après une alternance slam le salaire sera de combien? merci et sa serait super si tu continues les cours sur le c++

    • @formation-video
      @formation-video  6 ปีที่แล้ว

      Bonjour, je n'en sais rien, cela dépendra du poste occupé, de l'entreprise, du salaire proposé par l'employeur, etc.
      Et oui, je vais continuer par la suite les cours en C++

  • @diedhiou9770
    @diedhiou9770 4 ปีที่แล้ว

    J'ai créé ma première page web mais dès que je réduis la taille de la page, les différents contenu se superposent.
    Merci de bien vouloir m'aider.

    • @formation-video
      @formation-video  4 ปีที่แล้ว

      Oui c'est bien normal, tu apprendras plus tard à faire un design qui s'adapte à la résolution de l'écran (grâce à flexbox, grid et les media queries), en fin de cours.
      ◼ ➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖
      ◾ MERCI DE TON SOUTIEN ! 🔻
      ◾ Pas encore abonné(e) ? N'hésite pas à le faire 💙
      ◾ Soutenir FormationVidéo : bit.ly/2L0xNXA
      ◾ Site web : jasonchampagne.fr
      ◾ Discord : discord.me/jasonchampagne
      ◾ Twitch : www.twitch.tv/jachampagne
      ◾ TH-cam (personnel) : th-cam.com/users/jasonchampagne
      ◾ Twitter : twitter.com/jachampagne8
      ◾ Facebook : facebook.com/jachampagne8
      ◾ Instagram : instagram.com/jachampagne8
      ◾ Snapchat : www.snapchat.com/add/jachampagne8
      ◼ ➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖

    • @diedhiou9770
      @diedhiou9770 4 ปีที่แล้ว

      @@formation-video oui effectivement je me suis rendu compte après .

  • @karimelmehdidigou5264
    @karimelmehdidigou5264 7 หลายเดือนก่อน

    overflow-wrap go brrr

  • @saddasanibachir7020
    @saddasanibachir7020 3 ปีที่แล้ว

    Bonjour,
    merci beaucoup pour la formation sa m'aide beaucoup.
    Ou est ce que je peut trouver votre playliste HTML/CSS .

    • @formation-video
      @formation-video  3 ปีที่แล้ว

      Bonjour, cette vidéo en fait partie (c'est la section Playlists de TH-cam), sinon ici pour tout retrouver en un clin d'oeil : github.com/jasonchampagne/FormationVideo

  • @doonyadubai3581
    @doonyadubai3581 6 ปีที่แล้ว +1

    Merci

  • @oussenikabore
    @oussenikabore 6 ปีที่แล้ว +1

    cool prof

  • @theskyisblue5338
    @theskyisblue5338 6 ปีที่แล้ว +1

    Salut, tu arrête le c++? Il y qu'une seule video.

    • @formation-video
      @formation-video  6 ปีที่แล้ว +3

      Non comme je l'ai dit à plusieurs reprises, j'avance pour le moment sur le cours en Web pour pouvoir ensuite publier un projet payant de création d'un site web complet sur Udemy

  • @fortunenoumi
    @fortunenoumi 11 หลายเดือนก่อน

    J'ai un soucis

    • @formation-video
      @formation-video  11 หลายเดือนก่อน

      Et je dois le deviner ? 😆