[Học CSS - 19] Cách làm menu ngang dropdown cơ bản

Поделиться
HTML-код
  • Опубликовано: 29 ноя 2024

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

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

    Em cảm ơn thầy nhiều ạ

  • @atat-gu4fp
    @atat-gu4fp 2 года назад

    hay, rất chi tiết
    cảm ơn anh

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

    Đỉnh thật, hướng dẫn cực dễ hiểu. Cảm ơn a rất nhiều

  • @Minhh1999
    @Minhh1999 5 лет назад

    Rất hay

  • @Mystic-qs3ly
    @Mystic-qs3ly 4 года назад

    cảm ơn anh

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

    quá hay,em cám ơn

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

    Anh cho em hỏi em muốn từ item 3 nằm bên phải item 1 2 nam bên trái thì làm sao ạ. Thanks a

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

      Giống mình đang muốn vậy thì làm sao

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

      Nhóm item 1 và 2 vào 1 nhóm (div) và nhóm item 3,4,,5 .... và 1 nhóm dùng Position (xem bài 17 trong chuỗi video này)

  • @quacquac_quacquac
    @quacquac_quacquac 4 года назад +1

    Dạ em cảm ơn ❤️❤️

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

    Thầy ơi nếu cho các menu sếp từ trái qua phải thì làm ntn ạ

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

      Bạn xem lại Video ở phút 3.38 nhé và bỏ đoạn mã Text-align: center; đi

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

    anh ơi em code trên visual code mà code y chang anh nó không ra là sao hả anh

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

      Bạn phải đưa code của mình lên nhé, chỉ cần 1 ký tự sai thôi là nó không thể thực thi rồi.

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

    Hay !!!

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

    Bài giảng rất hay và dễ hiểu. Mình đã làm được. Thanks bạn!

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

    cám ơn anh nhiều nhé!

  • @vanlong7699
    @vanlong7699 5 лет назад

    hay quá thầy ơi ,thầy dạy RẤT TRỌNG TÂM, RẤT HAY , RẤT NHANH..

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

    Hay quá anh ah, thank a nhiều !

  • @tlhue1139
    @tlhue1139 6 лет назад

    Em cảm ơn thầy ạ, dễ hiểu lắm ạ

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

    Sao em làm cái menu con nó không hiện ra nhỉ

  • @cgpmth6449
    @cgpmth6449 5 лет назад

    a dạy cách làm menu cấp 3 đi, khi hover vào cái sub-menu con ấy thì nó hiện ra 1 menu con nữa bên cạnh

  • @iaffiliate3130
    @iaffiliate3130 8 лет назад

    em tìm dc lỗi rồi thks a nhiều

    • @hihieu3378
      @hihieu3378 5 лет назад

      @{DM} DOMINO bạn tìm được lỗi gì ? cũng 1 năm rồi :)

  • @longnguyenvuminh820
    @longnguyenvuminh820 4 года назад +1

    giọng hay vãi chưởng :))))) dạy hay quá thầy ơi

  • @uc16a4amthan7
    @uc16a4amthan7 5 лет назад +2

    a ơi của e khi xổ submenu xuống thì n lại nằm dưới cái background bên dưới , cách sửa là gì ạ

  • @HuyNguyen-od4qj
    @HuyNguyen-od4qj 6 лет назад

    thật tuyệt vời

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

    hay quá a ơi, e đang học về phần này nhưng mò mãi ko ra, xem xong cái biết làm rồi :v

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

    khi tạo menu con ma no vẫn bị hiệu ứng float ti ngắt cho no đi kiểu gì ạ

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

    cảm ơn thầy video rất hay, thầy cho e hỏi là nếu cái text thẻ a trong sub item rất dài thì làm sao để nó hiển thị trên 1 hàng ạ.

  • @hoanghauv.7626
    @hoanghauv.7626 9 лет назад

    Rất hay và dễ hiểu. thank...

  • @DuyNgo-nc8do
    @DuyNgo-nc8do 7 лет назад

    Cam on ! cac bai giang cua anh hay va that de hieu.

  • @quangvinho3354
    @quangvinho3354 8 лет назад +1

    anh ơi. e muốn để logo chung hàng với menu, thì làm sao cho nó aotu căn giữa, và khi menu dài, khi thu nhỏ hoặc phóng to cửa sổ ra thì nó vẫn căn giữa, nếu nhỏ quá thì phần menu không chen ngang zo phần khác??

  • @MrNguyenhthai110
    @MrNguyenhthai110 8 лет назад +2

    Thích chất giọng của anh, nghe như ƯNG HOÀNG PHÚC vậy. Good Video!

    • @minhbuiquang2377
      @minhbuiquang2377 8 лет назад

      +Nguyễn Hữu Thái công nhận nghe thấy giống thật chứ

    • @ochoitreem2729
      @ochoitreem2729 7 лет назад

      mình cũng tưởng Ưng Hoàng Phúc đang hướng dẫn cơ

  • @elvisleon007
    @elvisleon007 8 лет назад

    bạn Thạch Phạm, cho mình hỏi nếu như mình muốn submenu của mình có width không phụ thuộc vào li của main-menu thì định CSS ra sao vậy ?

    • @chilinhnguyen8592
      @chilinhnguyen8592 8 лет назад

      anh chỉnh lại kích thướt của thẻ #sub-menu và li nhé

  • @thangmaingoc3096
    @thangmaingoc3096 7 лет назад

    tình cờ xem video, rất bổ ích , cảm ơn Thầy nhiều lắm ^^

  • @juhandvan
    @juhandvan 8 лет назад

    Rất cám ơn anh về video này.
    Xem xong video này em muốn phát triển tiếp : khi hover vào mục con (ví dụ 2.a chẳng hạn) thì lại có 1 menu dọc xổ ra.
    Em có xem video 20 của anh hướng dẫn về làm menu dọc rồi nhưng khi kết hợp lại em làm không được.
    Khi nào có thời gian rất hi vọng anh sẽ làm 1 cái video như vầy hướng dẫn em cũng như mọi nguời được không ạ.
    Cảm ơn anh. Chúc anh sức khoe và thành công !

  • @HieuIceTea88
    @HieuIceTea88 5 лет назад

    Cảm ơn anh rất nhiều. video rất bổ ích :D

  • @JinNguyenOfficial
    @JinNguyenOfficial 7 лет назад +1

    anh ơi 1 phần menu của em nó lại bị ẩn trong cột bên của trang web, vậy sửa thế nào để nó đè lên cột không bị ẩn nữa? cảm ơn anh đã chia sẻ

  • @lamvudo6280
    @lamvudo6280 5 лет назад

    ko biết thầy có làm video về tạo form ko ạ

  • @iaffiliate3130
    @iaffiliate3130 8 лет назад +2

    anh ơi em sử dụng câu lệnh #menu ul li > .sub-menu { display : none ; } nó không ẩn sub menu anh ơi dreamviewer

  • @thienphanchi127
    @thienphanchi127 7 лет назад

    Cảm ơn anh rất nhiều

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

    Anh ơi . em bị lỗi chỗ menu con ạ . nó k hiển thị được

  • @phucloihuynh372
    @phucloihuynh372 6 лет назад

    a Thạch ơi... a có thể chỉ e làm thanh trượt ngang, kéo qua kéo lại được k a. ( e cần tạo để điều khiển thay đổi tốc độ)
    e cảm ơn

  • @AHoanNguyenNgocCong
    @AHoanNguyenNgocCong 6 лет назад

    e làm y hệt mà cái lúc chỉ vào item 2 nó không hiện submenu ??

    • @AnTran-du4cn
      @AnTran-du4cn 6 лет назад

      có thể lệnh overflow : hidden bạn xóa nó đi và coi có thể bạn thiếu ; khi kết thúc 1 thẻ đó

  • @anhtuta95
    @anhtuta95 7 лет назад

    Rất hay đó a!

  • @ngotiendat9361
    @ngotiendat9361 8 лет назад +1

    anh ơi nêu em muôn khoảng di chuyển chữ trong inline-table thì làm như thế nào ạ? em muốn căn chỉnh lại vị trí chữ?

  • @triho7355
    @triho7355 6 лет назад

    cho em hỏi /*==body==*/ mang ý nghĩa gì ạ ?

    • @khoanguyen3044
      @khoanguyen3044 6 лет назад +1

      comment thôi bạn, kiểu như note lại cho ng khác thấy là phần code đó mình sử dụng cho phần body

  • @quinguyenngoc
    @quinguyenngoc 6 лет назад

    hay lắm anh

  • @MinhNguyen-kb1ps
    @MinhNguyen-kb1ps 4 года назад

    9:58 xin phép hỏi thầy và mọi người ah, tại sao 'position: relative' cho li lại có thể có tác dụng vậy ạ, em có kiểm tra với 'position: absolute' với ul thì em đang do 'absolute' kiểu làm phần tử được bỏ qua khỏi flow bình thường của cha, còn với relative thì em thấy docs bảo giữ nguyên flow nhưng có thể thay đổi vị trí phần tử mà không ảnh hưởng tới phần tử khác, nhưng mà ở đây em đang chưa hiểu phần tử li (trong sub menu) đã được 'relative' tác động như thế nào ah. Cảm ơn mọi người ah

  • @trananhcuong1151
    @trananhcuong1151 8 лет назад

    anh ơi em hỏi chút là khi viết trên codepen thì ok rồi...nhưng e chạy ra trình duyệt thì dropmenu nó bị lệch sang phải..e đã thêm reset css mà vẫn không đc anh a..mong a có thể xem giúp e.

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

    2:12 a viết gì thế ạ

  • @nguyensimple9334
    @nguyensimple9334 8 лет назад

    xin chào bạn, Tôi muốn tạo menu con mà hàng ngang làm sao? nhờ bạn hướng dẫn dùm. Thanks

  • @vananhha6723
    @vananhha6723 9 лет назад

    inline-table là sao anh ? inline thì khác gì ?

    • @phanota
      @phanota  9 лет назад

      +văn anh hà Inline là nội dòng, block là dạng khối. Inline-block tức là nội dòng nhưng có hỗ trợ width height và các thuộc tính Model Box. table là dạng bảng, inline-table là nội dòng nhưng có chứa các đặc tính của bảng.

    • @vananhha6723
      @vananhha6723 9 лет назад

      em hiểu rồi anh, em có thử inline, thì thêm width, height, nó không nhận. Nếu để inline-table, thì nó hiểu ^^! thanks

    • @phanota
      @phanota  9 лет назад

      +văn anh hà Như anh đã nói, inline không thể dùng width và height nên nếu muốn inline mà có thể dùng width và height thì phải dùng inline-block hoặc inline-table.

    • @vananhha6723
      @vananhha6723 9 лет назад

      thanks :D

    • @vananhha6723
      @vananhha6723 9 лет назад

      anh cho em hỏi ? trong css cái @ là sao anh ? gì mà media: all, thì css là @all. Hình như thế. Anh có thể làm 1 video về phần này không ?

  • @PhamNhanTuGame
    @PhamNhanTuGame 8 лет назад +2

    Em có thắc mắc là giữa các tab item có một khoảng trống nhỏ, làm sao để các tab liền nhau vậy anh?

  • @hunglephi6443
    @hunglephi6443 7 лет назад

    Nếu chọn sub-menu thứ 4 thì code
    như nào ạ

  • @blogkunpham2281
    @blogkunpham2281 8 лет назад +2

    sao menu của em nó bị lệch sang 1 bên vậy a Thạch

    • @chientran6409
      @chientran6409 7 лет назад +1

      giống mình nè
      cứ lệch qua khoảng 20px mà k biết sao -_-

    • @huubangbui9110
      @huubangbui9110 7 лет назад +4

      Trong css các bạn set padding:0 ở menusub nhé!

  • @quinguyenngoc
    @quinguyenngoc 6 лет назад

    ra nhiều video hay nữa nha anh

  • @lamvudo6280
    @lamvudo6280 5 лет назад

    đậu phộng , cái menu con của mình nó chay tít đi đâu chứ ko theo menu cha @@ ai giup mình cho nó đi theo cha nó dc ko

  • @luxsitechannel8025
    @luxsitechannel8025 7 лет назад +1

    có ai coode bằng nootbad ++ như em ko :))

  • @thanhvietnguyen3148
    @thanhvietnguyen3148 5 лет назад

    GOOD LESSON :)

  • @giahuyhuynh6502
    @giahuyhuynh6502 8 лет назад +1

    codepen.io/anon/pen/VPZNGO thầy ơi xem dùm em được không em căn chiều rồng ,cao không được

    • @tranickchohung
      @tranickchohung 7 лет назад

      Cái phần #container #menu ul li a cho thêm display:block để bao bọc cả cái thẻ li như a #Thạch_Phạm nói nhá.

  • @tuanminhpham7166
    @tuanminhpham7166 6 лет назад

    vừa nói vừa thở hồng hộc,bị thiếu hơi à ?????