How to create a layout with HTML CSS | using Float

Поделиться
HTML-код
  • Опубликовано: 3 авг 2019
  • hi guys,
    this tutorial is design for beginners,
    in this video you will learn how to create layout with html and css
    Please LIKE our Facebook page for daily updates..
    / the-webshala-109434944...
    Download Source Code:
    drive.google.com/file/d/1m4xh...
    Please dont forget to like,comment,subscribe and share....
    Thanks For Watching
    Your Queries:
    best website layouts,
    creative website layouts,
    best website layout design,
    html basic website layout,
    bootstrap website layout,
    website layout css,
    website layout css grid,
    css website layout tutorial,
    creating website layout,
    website layout examples,
    website layout flexbox,
    simple website layout with flexbox,
    website layout in html,
    website page layout,
    responsive website layout,
    simple css website layout,
    sketching a website layout,
    website layout tutorial
    #layout #css #html #float

Комментарии • 44

  • @alimansourey2076
    @alimansourey2076 3 года назад +4

    Good job . But this is obvious and easy, the hard part is when you try to create responsive layout ... It really takes practice and patience , The most complicated part is when you have a nav bar with links or button on it .. here you will face a really complicated situation because you have to keep the buttons centered and fill the bar and of equal sizes.

  • @emon123utube
    @emon123utube 4 года назад +2

    love it,like it, subscribed it..

  • @rishabhtiwari7451
    @rishabhtiwari7451 3 года назад

    Awesome video...

  • @monir6503
    @monir6503 4 года назад +2

    hey buddy u got me ju subscribed you, awesome video keep it up
    really liked it

  • @maddin223
    @maddin223 2 года назад

    Very helpful Video👍🏻

  • @AniSelomit1990
    @AniSelomit1990 3 года назад +1

    Thanks so much, I finally got it with this video

  • @DnB2
    @DnB2 3 года назад

    Very good at it too exciting

  • @user-sg2hy5jc6m
    @user-sg2hy5jc6m 4 месяца назад

    thank you for the charity, may god bless you

  • @crashbilly4929
    @crashbilly4929 2 года назад +2

    I think U can code the CSS to litle using coma, but thank for your code :)

  • @todayanalysis4355
    @todayanalysis4355 Месяц назад

    excelletn job but with voice it will be perfect.

  • @cinochn
    @cinochn 27 дней назад

    thanks

  • @Username64870
    @Username64870 3 года назад

    Good example so you got me subscribed too.

  • @vona5251
    @vona5251 Год назад

    Thank you so much. I still do not understand a few things
    1) why did you to apply (height: auto) on the container. It is a block element and it will obviously take up the height of content nested inside it.
    2) You constantly had to apply a float left to the content div, it is also a block element and it is floated left by default.

  • @theeagle9367
    @theeagle9367 3 года назад +1

    CSS layout permainan antara margin, border, dan float.

  • @junardvillahermosa
    @junardvillahermosa 3 года назад +1

    how come the “section2”doesnt work for me at all? it didnt form a box

    • @TheWebShala
      @TheWebShala  3 года назад

      Check source code in description

  • @southfitness7567
    @southfitness7567 3 года назад

    Good

  • @haragrapegarden8061
    @haragrapegarden8061 2 года назад

    Terimakasih

  • @romand5076
    @romand5076 2 года назад

    Why you create div clear insted you could use pseudo :after and made it in css sheet only 😉

  • @rayfasiddiq8372
    @rayfasiddiq8372 Год назад

    Ad salinan ga bang?

  • @kashifahmed3078
    @kashifahmed3078 4 года назад

    why you have used clear property to make lines

    • @TheWebShala
      @TheWebShala  4 года назад

      If an element contains only floated elements, its height collapses to nothing. If you want it to always be able to resize, so that it contains floating elements inside it.. read more: developer.mozilla.org/en-US/docs/Web/CSS/clear

  • @shonhomezzz6222
    @shonhomezzz6222 3 года назад

    Do u layout every website before u do it?

    • @TheWebShala
      @TheWebShala  3 года назад +1

      Yew

    • @shonhomezzz6222
      @shonhomezzz6222 3 года назад

      @@TheWebShala do you have any videos of u filling out your layout with content? Or any videos explaining the clear u used in this vid

  • @DingoDingKumai
    @DingoDingKumai 3 года назад

    Make a simple web responsive layout with html CSS and js please

  • @leijuz
    @leijuz 5 месяцев назад

    Can I use notepad for this?

  • @stackdevloper4941
    @stackdevloper4941 2 года назад

    Html and CSS Tutorial For Beginners In Hindi Playlist : ruclips.net/p/PLLh5YgSgKbzPa_hctZfR5JLyMy01-qa_4
    Html and CSS Tutorial For Beginners In Punjabi Playlist : ruclips.net/p/PLh7Hn1SqkFrzyDPKGYJAyf-IX5rKhafYz

  • @Furkanh66
    @Furkanh66 3 года назад +1

    Why do you put the * in 1:05

    • @TheWebShala
      @TheWebShala  3 года назад +1

      Selects all elements

    • @Furkanh66
      @Furkanh66 3 года назад

      @@TheWebShala , ooooh thank youuuu for your reaction

  • @mrchedda
    @mrchedda 3 года назад

    cool. now make it responsive. lol

  • @rinkletyagimotivationalspe4821

    Awaaj to haihi nahi

  • @softmedun6794
    @softmedun6794 11 месяцев назад +1

    Gunge paida liye ho kya ji
    😅😅😅😅

  • @kiolh_19880
    @kiolh_19880 3 года назад

    Not responsive!!!

  • @DnB2
    @DnB2 3 года назад

    Very good at it too exciting