CSS Tutorial: Creating a Navigation Menu | Web Development Tutorials #23

Поділитися
Вставка
  • Опубліковано 3 лис 2024

КОМЕНТАРІ • 768

  • @JapanesewithVishal
    @JapanesewithVishal 3 роки тому +70

    Error Guide: at 6:55
    he is adding this is searchbox>
    and forget to tell you to add
    .search{
    float:right;
    color:White;
    }
    in bar
    so please not that point and add .search{} in your style bar
    i hope this is gonna help you a lot.
    Thank you

  • @sibanichoudhury3391
    @sibanichoudhury3391 Рік тому +9

    Itni atchi tarah se kyi nhi sikhata..aap jis way se samjhate ho pura samaj me aa jata hai... thank you sir

  • @kshitiz6343
    @kshitiz6343 4 роки тому +459

    I came from future. And you are the first developer in India to reach 1M subs on UA-cam

    • @shivalipandey3825
      @shivalipandey3825 4 роки тому +14

      U r joking or apreciating 😶

    • @aesthetic_vibes_404
      @aesthetic_vibes_404 3 роки тому +3

      😂

    • @nemesiszz
      @nemesiszz 3 роки тому +8

      jyotish ho kya

    • @anandsutar2206
      @anandsutar2206 3 роки тому +26

      You are from future or we are from future because I can see 1 M Above subscribers.

    • @pranavtiwari_yt
      @pranavtiwari_yt 3 роки тому +19

      Tum to bade heavy driver nikle yaar
      Sahi me 1M+ ho gye Harry bhai ke

  • @Beauty_salon56
    @Beauty_salon56 2 місяці тому +3

    No words to thank you for making this precious web development course for us with free of cost . May GOD give you more success .

  • @Austin-pw2ud
    @Austin-pw2ud 4 роки тому +79

    U proved that kindness is still alive in this mc world by providing knowledge at free of cost.... N other hand ther is my college😞

    • @Austin-pw2ud
      @Austin-pw2ud 3 роки тому +2

      @@mohammedsohaib5079 my clg is also making good money.... But i don't see any good thing in that

    • @janpalsingh8542
      @janpalsingh8542 3 роки тому +3

      @@mohammedsohaib5079 he already can make money with his skills..he is a guy who really want others to learn

    • @sw_2421
      @sw_2421 3 роки тому

      Guys harry bhai MNC mein engineer hai plus he’s teaching us for free...

    • @dishagracebiju9776
      @dishagracebiju9776 3 роки тому

      @@janpalsingh8542 Yes

    • @shariqrasulofficial
      @shariqrasulofficial 3 роки тому +1

      Yes bro you're right 💯

  • @goharrahman09
    @goharrahman09 4 роки тому +90

    I learned 70% course form Hary sir i never learned in college. Thank you sir

  • @deepaktiwari3890
    @deepaktiwari3890 4 роки тому +82

    I watched 1-23 tuts in 2 days..... Thanks bro...bahkt kuch sikh rha hoon mai🤗

    • @THEPRINCEMEENASHOW
      @THEPRINCEMEENASHOW 4 роки тому +2

      bro ab tuk aap inki konsi konsi playlist dekh chuke ho our aapko konsi konsi language aati ha

    • @jailohana9030
      @jailohana9030 3 роки тому +19

      bhai sirf videos nahi dekhni hoti sath main practice b karna hota hai khud se to go deeper as sir cant cover everything here

    • @abdulsalam1696
      @abdulsalam1696 3 роки тому +1

      hello dr strange .. teach me to control my time

    • @tseringlhamo9269
      @tseringlhamo9269 3 роки тому

      @@abdulsalam1696 haha

    • @preetichauhan443
      @preetichauhan443 3 роки тому +2

      Bro i also watched 25 video on 2 days because code with harry teaches us very good .Thankyou code with harry

  • @utkarshpatil3180
    @utkarshpatil3180 2 роки тому +19

    2:15 navbar li, 2:52 overflow auto, 6:45 creating search box

  • @rajatchaudhary2164
    @rajatchaudhary2164 4 роки тому +308

    In this lockdown this is the best place where I invested my time rather than watching web series.
    Loved it yaar
    Thanks for giving this level of content for free.

    • @shivalipandey3825
      @shivalipandey3825 4 роки тому +6

      Yes bro🤗🤗

    • @shaikfawaz792
      @shaikfawaz792 3 роки тому +3

      Bhai iss course se ham website bana sakte hai kya

    • @masterhashir6152
      @masterhashir6152 3 роки тому +6

      @@shaikfawaz792 han bana sakte hai

    • @shaikfawaz792
      @shaikfawaz792 3 роки тому +2

      @@masterhashir6152 isme domain hosting k liye kya pay karna padega i mean normal ager banete hai toh karna padta haina toh jab khud se code karenge toh b hame domain tho chahiye hoga na storing k liye toh kya pay karma padega

    • @ashishshukla2229
      @ashishshukla2229 3 роки тому +1

      @@shaikfawaz792 yes you have to buy domain

  • @shivalipandey3825
    @shivalipandey3825 4 роки тому +71

    U r full time teacher? By the way I love ur teachings .. ❣️

  • @faseehahamed648
    @faseehahamed648 Рік тому +1

    instead of tag we can use tag ..example .nav ul{

  • @swetadas-dv2tb
    @swetadas-dv2tb 6 місяців тому +1

    You are a great person to teach this beautiful course in free of cost. Thank you for helping us.

  • @Soulcode-k
    @Soulcode-k 3 місяці тому

    Hover, activate, visited, list-style: none; text-decoration:none; float: left; added a search bar by adding it in div so with float property it gets to left 🤔. Amazing ❤❤❤

  • @jeffomega
    @jeffomega 3 роки тому +26

    Harry Bro there's no-one who could have taught it any better. Thank you for this series and also for doing it for society i.e. for free, it now even inspires me to do something for this society to make it better. Thank you very much brother. Hope all your wishes come true.

  • @ishant_615
    @ishant_615 4 роки тому +2

    U can directly add tags in nav. why did u add ul

    • @Oldstoryhouse
      @Oldstoryhouse 3 роки тому

      For listing them

    • @ishant_615
      @ishant_615 3 роки тому +1

      @@Oldstoryhouse stay updated broo nav tag does not need ul or li

  • @Tomharry910
    @Tomharry910 Рік тому +9

    There was a lot to learn in this video. Surely will need to come back to it again to get navigation well again. Thanks for making this top quality tutorial available for us for free Harry Bhai!

  • @PoojaKumari-yn8mk
    @PoojaKumari-yn8mk 3 роки тому +12

    Best Teacher Ever!!!. Thankyou for all your countless efforts and videos. May God keeps you ALWAYS HAPPY :)

  • @jeet7000
    @jeet7000 4 роки тому +1

    Thank u Harry Bhai ..poore UA-cam par yahan tk ki courses main aisa koi nhi btata...luv uuuu😍

  • @tanishq4340
    @tanishq4340 4 роки тому +2

    Bhai sach me ... Dil se agar Apke jesa teacher ho na tab to life set he 1 dam ... Mtlv itna ache se samjhaya ki kya kahe ... Simply you're the best teacher ❣️

    • @mr.student5805
      @mr.student5805 4 роки тому

      Bhai. Jab me search pe click karta hu to poori border radius bigad jati hai (becomes square) border black ho jati hai. Kripya kar madad Karen.

  • @PlanetOfEnjoyment
    @PlanetOfEnjoyment 11 місяців тому +1

    Superb as always. I cant thank you enough for all that you've done for us. your kind acts are truly appreciated and I would happily repay your kindness in any form when the time comes. Lots of appreciations, gratitude and regards to you from Pakistan.

  • @danish__official5374
    @danish__official5374 2 роки тому +4

    Bravo work.
    One of the best instructor to learn Web development and any programming language on youtube.

  • @balvantkushwaha2025
    @balvantkushwaha2025 Рік тому

    Sir mai is vedio dekh to aap ka samjhe ka tarika ekdam thik hai
    Tag ko samjhe hai
    Coding bhi aap provide
    Karvate ho
    Jay hind sir

  • @truth_speaker00__
    @truth_speaker00__ Рік тому +1

    best online coding tutor you can ever think of is harry bhaiya

  • @anant-strong
    @anant-strong 4 роки тому +84

    Please make detailed course on Data Structures and Algorithm those who want please comment 🙏

  • @shubhamsaini1192
    @shubhamsaini1192 3 роки тому

    harry Bhai you are amagine😘......never i intrasted in coading but after visitng ur chanel .... bhut maja aa rha hai ye sab karne main
    thanks a lot 🙏🙏

  • @deskwavz
    @deskwavz 4 роки тому +3

    Bhai aap to Kamal he thanks lots of you💓😘😘😘😘

  • @FullFilmy23
    @FullFilmy23 2 роки тому

    Bhai bohot seekha h abi tk yr tumse,
    Respect 🙏

  • @vishusrivastava8643
    @vishusrivastava8643 4 роки тому +5

    Best course on internet for web development👏👏

  • @tseringlhamo9269
    @tseringlhamo9269 3 роки тому +13

    Superb as always. I cant thank you enough for all that you've done for us. your kind acts are truly appreciated and I would happily repay your kindness in any form when the time comes. Lots of appreciations, gratitude and regards to you from Paris.

  • @amrikdutta
    @amrikdutta 4 роки тому

    Bhaiya aap bohot achhe se sikhate ho...iss video me search bar ke right me ek magnifier sign add karne ka bol dete to achha hota... bdw...enjoying this series..

  • @trendingsongjaction22
    @trendingsongjaction22 4 роки тому

    Your teaching method is very very very best

  • @E-Commercial-h2m
    @E-Commercial-h2m 10 місяців тому

    7:4 Why Did the Search Box Appear in the Upper Right Corner?
    Your code builds not just software, but dreams. Keep inspiring!
    With every line of code, you unlock new possibilities and empower others. Keep pushing the boundaries and making a difference through your work.
    May your code be clean, your logic sharp, and your creativity boundless.

  • @tusharkumar-pc4vt
    @tusharkumar-pc4vt Рік тому

    harry bhai dil se salute h aapko 🎉

  • @muhammadmusab7574
    @muhammadmusab7574 Рік тому

    What is the purpose of tag and which purpose we use it?

  • @jatinsingh1024
    @jatinsingh1024 3 роки тому

    How to directly jump to the next li, like in between *here* ??

  • @vikaschauhan-rv6fi
    @vikaschauhan-rv6fi 4 роки тому

    Thanku guruji boht easily samjh jata hu Mai apke videos dekh K🙏🙏🙏🙏

  • @eehan1769
    @eehan1769 Рік тому +1

    thank you for providing this study material for free. I am so grateful for this. I wish nothing but happiness for you.

  • @adarshkhatri993
    @adarshkhatri993 3 роки тому +1

    Aaj bhot hi maja aaya navigation bar bana ke..

  • @algalg4359
    @algalg4359 4 роки тому +3

    tou kaise hai aaplog hum aagye tutorial 23 pr...
    ab tak ka safar lajawaab raha hai...

  • @surendrak_marshkole
    @surendrak_marshkole 4 роки тому +2

    Good morning Harry Bhai

  • @simple_algo
    @simple_algo 11 місяців тому +1

    thanks you bhaiya for well explaination

  • @trueloveisfreedom
    @trueloveisfreedom 4 роки тому

    Simple teaching Method.Awesome

  • @sudarshanmhaisdhune1039
    @sudarshanmhaisdhune1039 4 роки тому +2

    Harrry bhai ...one legend..
    🤗

  • @vikramkumar-ui7ln
    @vikramkumar-ui7ln 2 роки тому

    sorry i must say ur the best teacher

  • @HamzaKhan-gw9ex
    @HamzaKhan-gw9ex Рік тому +1

    can one please tell what is ,is it a special tag?

  • @official_harsh_sharma
    @official_harsh_sharma 3 роки тому +3

    *You are an amazing guy who is giving such content for free. No institute teaches like that. so much practical*

  • @a_b_chaudhary_143
    @a_b_chaudhary_143 3 роки тому +1

    harry bhai kya hum padding percentage me de sakate hai ?
    ✔✔

  • @funcode-tw3cg
    @funcode-tw3cg Рік тому +3

    done with this lec ! 20/12/22

  • @thrilleracaste400
    @thrilleracaste400 2 роки тому +9

    After all the research I did, I can now finally conclude that this playlist is the best playlist for the web development course. Thanks Harry bhai!❤️

    • @shivrajkumar4155
      @shivrajkumar4155 Рік тому +1

      bro get out of the matrix you posting same comment in his every video

    • @thrilleracaste400
      @thrilleracaste400 Рік тому

      @@shivrajkumar4155 Brah😂

    • @shivrajkumar4155
      @shivrajkumar4155 Рік тому

      @@thrilleracaste400 i really wanna know why you do this 😂😂😂

    • @thrilleracaste400
      @thrilleracaste400 Рік тому

      @@shivrajkumar4155 Old times broo..Old times😂😂

  • @roasted_boy6213
    @roasted_boy6213 4 роки тому +1

    harry sir apko thankyou bolne keliye words nahi he merepas i can just pray to god for your wellbeing

  • @Noor-vr9nv
    @Noor-vr9nv 3 роки тому +1

    Thank u Harry bhaii respect and love from pakistan ❣️❣️❣️❣️❣️❣️❣️❣️❣️❣️❣️❣️❣️❣️❣️!!!!!

  • @TeainkuRoy
    @TeainkuRoy 6 місяців тому

    This video was really helpful, sticky nav bar👍

  • @muhammadjamshedfraz6822
    @muhammadjamshedfraz6822 2 роки тому +4

    indeed an amazing course. You have done really a great job Harry Sir

    • @MdMeraj-vt2xl
      @MdMeraj-vt2xl 2 роки тому

      ua-cam.com/video/oJHAoFZ61p4/v-deo.html

  • @TheSaim3033
    @TheSaim3033 Рік тому

    excellent. You solve my problem

  • @shreyanshsoni1138
    @shreyanshsoni1138 3 роки тому

    My Favorite thing of CSS

  • @rakshitbhandari7405
    @rakshitbhandari7405 3 роки тому

    Lesson No.23
    Completed

  • @harshvaghanii
    @harshvaghanii 4 роки тому +3

    Thanks sir❤️😊

  • @lavies907
    @lavies907 3 роки тому +1

    Nice Tutorial 👍

    • @MdMeraj-vt2xl
      @MdMeraj-vt2xl 2 роки тому

      ua-cam.com/video/oJHAoFZ61p4/v-deo.html

  • @atifshah5290
    @atifshah5290 3 роки тому

    now i download your full course
    and learn this

  • @jashan0924
    @jashan0924 3 роки тому +3

    harry bhai apne placeholder ke bare me nhi btaya tha

  • @scoc55vora15
    @scoc55vora15 Рік тому

    Very Very Helpful and Useful Video Even almost 3 years down the Line , Thankyou Harry Bhaiya

  • @mayanksoni1600
    @mayanksoni1600 2 роки тому +2

    This is the best video until now in this playlist !! i love making navbars

  • @gszgammers7723
    @gszgammers7723 3 роки тому +1

    u have skipped the part of .search{} in video .
    It was so hard to find this .
    but u explained very well . Thanks .

  • @rohan5618
    @rohan5618 Рік тому +1

    Thank you 😍

  • @kartikkumarverma3976
    @kartikkumarverma3976 2 роки тому

    7:30 Bhaiya inspect karke jaise aap no.increase karte ho wo kis key to type karke increase hote h ??

  • @sabiburrahaman3832
    @sabiburrahaman3832 Рік тому

    very helpful for beginner

  • @mdshadabirfan7404
    @mdshadabirfan7404 Рік тому

    I have completed 23rd lecture. Now I am not going to next videos as I need to practice what was taught in the last three videos. Thanks for this legendary course

  • @milkisingh3703
    @milkisingh3703 3 роки тому +1

    Thanks😊

  • @theunseenhandofficial
    @theunseenhandofficial 3 роки тому

    bhai bht bht ala bht kch sekhna ko milta ha yahn

  • @ranitibdewal2025
    @ranitibdewal2025 2 роки тому +1

    What is the significance of tag? If I am using tag instead of , I am getting same output.

    • @anoopxsingh
      @anoopxsingh 2 роки тому +1

      He used it as a example (because of the navigation topic) otherwise will also work instead of and ..... thankyou:)

    • @husnaanjum6042
      @husnaanjum6042 2 роки тому +2

      Navigation header etc helps in SEO.. better chance to enhance your website..

  • @adarshrai9516
    @adarshrai9516 4 роки тому +1

    Kdk video bhai.
    Love u yaar

  • @saswataghosh147
    @saswataghosh147 3 роки тому

    You are great brother ..

  • @maisamhussaintoorie7119
    @maisamhussaintoorie7119 2 роки тому +4

    Hello Harry Bhai,
    I am very grateful to you for such an excellent method of teaching.
    Keep it up the great job, sir.

  • @Bgmihollaaaaa
    @Bgmihollaaaaa Рік тому

    Thank you for your information

  • @SameerAli-wr6lr
    @SameerAli-wr6lr 2 роки тому +1

    Mind blowing sir I appreciate you to your work God bless you 🤗

  • @rajbannasa7662
    @rajbannasa7662 3 роки тому +1

    thank you so much

  • @BundheliyaRushiGopalbhai-n3o

    bhai mere harry mere dildaar ek number mere bhai tune to lajawaab maja bana di
    par tu mere bhai mere dildarr tu chhote video banao hamra dimag kishak gaya 100 time mistake huvi
    ab jaldi se jaldi html canvas and Svg ka video banao

  • @shutdahellup69420
    @shutdahellup69420 2 роки тому

    Thanks for this playlist.

  • @laxsmiharwani4704
    @laxsmiharwani4704 Рік тому

    Thanks bro for such an amazing course great work 🙏🙏🙏

  • @allaboutprogramming2028
    @allaboutprogramming2028 2 роки тому

    jazakallah bro you are the best this playlist helps me the most

  • @anukashyap4817
    @anukashyap4817 4 роки тому

    Bahut bahut dhanyawaad Harry brother 🌹🌹🙏🙏 you are owsom 🥀 lots of things learn of website from you 🙏🙏🌹🌹🌼🌼

  • @shubhangiagrawal336
    @shubhangiagrawal336 4 роки тому

    Bahut badiya Harry bhai

  • @Dineshtamang6267
    @Dineshtamang6267 2 роки тому +5

    What an amazing work you've done for us thank you so much for this amazing course..❤️🥰

    • @MdMeraj-vt2xl
      @MdMeraj-vt2xl 2 роки тому

      ua-cam.com/video/oJHAoFZ61p4/v-deo.html

  • @shaharyarrattar4647
    @shaharyarrattar4647 Рік тому

    Harry bro you are very good teacher I ever seen before. But, Harry bro can you please tell me how to make navigation bar with logo. Please make a video or short video.

  • @beyourself-c3j
    @beyourself-c3j 8 місяців тому

    stay blessed bro🌺

  • @prasenjitnayak_
    @prasenjitnayak_ Рік тому

    Great harry bhaiya

  • @GGBY-tw4oi
    @GGBY-tw4oi 4 роки тому

    Ek shortcuts jo use krte ho un sab ka vedio bna do harry bro
    Love you 😘😘

  • @nehachoudhary2105
    @nehachoudhary2105 Рік тому

    I joined offline coaching for web development
    And the coaching is no match to this series 😅 bhaiya u keep going

  • @sonuverma5022
    @sonuverma5022 2 роки тому

    Thank you So much Bhaiya 💓

  • @Mercy-ws2me
    @Mercy-ws2me 4 роки тому

    Best coding channel on youtube so far..

  • @niteshmeena1959
    @niteshmeena1959 Рік тому

    Thank You Sir 😊

  • @malwaredev33
    @malwaredev33 Рік тому

    Nice harry bhai It's amazing

  • @rohandhepe5758
    @rohandhepe5758 2 роки тому

    Thank Harry bhai Premium Content giving free

  • @hassaanraheem5644
    @hassaanraheem5644 4 роки тому

    Harry Bhai ajj Kal subah uth kr 1 hi kaam krha hoo wifi khol KR Harry Bhai ki video notification dekh RHA hoo✌️

  • @sktamim_01
    @sktamim_01 4 роки тому +2

    I'm very thankful to you sir.
    I learned many of things from your video.Thanks for giving us so much for free.
    may god bless you.
    Sir You are great.

    • @MdMeraj-vt2xl
      @MdMeraj-vt2xl 2 роки тому

      ua-cam.com/video/oJHAoFZ61p4/v-deo.html

  • @gsquarefacts1009
    @gsquarefacts1009 Рік тому

    Very helpful 👍

  • @avinash6692
    @avinash6692 3 роки тому +10

    I m in class 11th learning a lot from your teachings
    Thanks for everything 😊❤️

    • @vaibhav.v6403
      @vaibhav.v6403 2 роки тому +1

      Physics, chemistry, maths kon padhenga

  • @sahilanand30
    @sahilanand30 2 роки тому

    Best explanation

  • @lakshyakatiyar4633
    @lakshyakatiyar4633 2 роки тому +1

    I came from future and you are the first programmer to cross 3 M Subs on UA-cam in india

  • @abdulWahid-cs3xc
    @abdulWahid-cs3xc 6 місяців тому

    great work