09. Xây dựng thành phần Slider | Slider CSS

  Рет қаралды 41,597

F8 Official

F8 Official

Күн бұрын

Пікірлер: 31
@KhangNguyen-kq2iw
@KhangNguyen-kq2iw 3 жыл бұрын
Nhớ thầy quá, khi nào comeback 1 khóa react thật hoành tráng v thầy. Thầy hướng dẫn từng chi tiết nhỏ như cái slider luôn. Hiện em đang học 1 trung tâm lớn ở sg mà họ dạy lơ tơ mơ ghê luôn thầy :< ước gì đc làm học trò của thầy
@tronglehoang3322
@tronglehoang3322 3 жыл бұрын
tt gì v bạn ???
@hungcao9622
@hungcao9622 2 жыл бұрын
@@babapbi bạn có học bên đó chưa cho mình xin review với
@daisynguyen307
@daisynguyen307 3 жыл бұрын
Cảm ơn anh.
@MinhestDev
@MinhestDev 3 жыл бұрын
anh làm video code cái hiệu ứng banner tự chuyển động đi ạ
@HuyLe-zx8ko
@HuyLe-zx8ko 3 жыл бұрын
bạn có thể tham khảo bootstrap hoặc học js
@MinhestDev
@MinhestDev 3 жыл бұрын
@@HuyLe-zx8ko dạ mình cảm ơn, mình làm được rồi ạ
@minhdupham1657
@minhdupham1657 3 жыл бұрын
Bạn làm slider tự động chưa tui làm mà nó k dính liền header dc nếu rồi cho tui kham khảo vs dc k ạ
@leduc9468
@leduc9468 2 жыл бұрын
@@HuyLe-zx8ko bạn ơi cho mình hỏi bạn có bị lỗi ko hiển thị background img ko
@hyyyyyyyu
@hyyyyyyyu 3 жыл бұрын
hình như header bên w3 nhỏ hơn cái mình làm ạ
@tranvuphuonguyen168
@tranvuphuonguyen168 Жыл бұрын
** padding-top: 50%
@phuckhang1883
@phuckhang1883 3 жыл бұрын
a ơi cái phần more của header bị che mất bởi cái slide rồi
@conchimnon6862
@conchimnon6862 2 жыл бұрын
Áp dụng z-index cho subnav 🥰
@ghosttalon
@ghosttalon 2 жыл бұрын
Em cho positon của cái #slider là relative và cái phần text-content là absolute rồi mà nó vẫn không nỗi lên anh oie huhu
@nghienreviewphim6789
@nghienreviewphim6789 Жыл бұрын
z-index: 1 là lên b
@trgiahuy1874
@trgiahuy1874 2 жыл бұрын
32+15 mà mở calculator lên bấm như thật kk, hậu quả của code quá 180p
@Dao_Thiem
@Dao_Thiem Жыл бұрын
Xong bảo mình để 48 vì 47 xấu xấu. Nhưng vẫn để 47🤣
@leduc9468
@leduc9468 2 жыл бұрын
sao em dùng thuộc tính background trỏ ảnh từ thư mục ra như anh mà nó vẫn ko hiển thị ảnh anh ạ, em sao chép địa chỉ ảnh trên web dán vào thì nó mới hiển thị
@NguyenTruongLuan
@NguyenTruongLuan 2 жыл бұрын
anh fix đc chưa e mới học tới
@DuyNguyen-cw5ge
@DuyNguyen-cw5ge Жыл бұрын
background : url('../img/slider /slider1.jpg)
@haiangtran2036
@haiangtran2036 Жыл бұрын
url('../img/slider1.jpg') dấu ..
@nguyenduy2819
@nguyenduy2819 3 жыл бұрын
em vẫn chưa hiểu padding top 50%
@hungtrinh9550
@hungtrinh9550 2 жыл бұрын
Bạn hiểu đơn giản là width của thẻ div, mặc định là block nên nó sẽ ăn theo thẻ cha là auto (100% width của kích thước trình duyệt). Ở đây kích thước height của hình ảnh ta ko muốn set giá trị cứng là px nên ta sẽ dùng padding-top: 50%; thì height sẽ có kích thước là một nửa chiều ngang (width)
@NguyenCuong-wp4lt
@NguyenCuong-wp4lt 2 жыл бұрын
@@hungtrinh9550 bạn ơi mình để Margin-top: 46px; Padding-top:50% mà sao nó vẫn chiếm hết cả phần header vậy ạ Ngoài ra thì tỷ lệ khung ảnh vẫn chiếm toàn bộ chứ height vẫn không chiếm 50% wight.
@thangnguyenhuu5076
@thangnguyenhuu5076 Жыл бұрын
khi thẻ con có padding đặt theo % thì nó sẽ tính theo chiều width của thẻ cha. Ở trong video thì the div là block nên nó sẽ kế thừa lại chiều width của thẻ cha (ở đây là chiều ngang của trình duyệt). Không kế thừa chiều cao nhé. Suy ra, padding-top thẻ con = 50% width thẻ cha = 50% width thẻ con (vì width thẻ con được kế thừa tự động từ cha).
@nguyenduy2819
@nguyenduy2819 Жыл бұрын
@@thangnguyenhuu5076 thanks
@huyenminh2631
@huyenminh2631 3 жыл бұрын
anh ơi, tại sao ở bên css tại slider em cũng tạo background giống anh nhưng nó không hiện ảnh ạ
@trinhthiyen3271
@trinhthiyen3271 3 жыл бұрын
như anh nói bạn nên xem lại: link đúng chưa bằng cách kiểm tra ở devtool có báo lỗi không.
@huulocnguyen5099
@huulocnguyen5099 3 жыл бұрын
@@trinhthiyen3271 coi kĩ r ạ
@leduc9468
@leduc9468 2 жыл бұрын
@@huulocnguyen5099 mình cũng bị báo lỗi này ERR_FILE_NOT_FOUND ko biết bạn nào biet cách fix ko
@haiangtran2036
@haiangtran2036 Жыл бұрын
@@leduc9468 url('../img/slider1.jpg')
10. Xây dựng phần Content - About | About section CSS
17:47
F8 Official
Рет қаралды 23 М.
05. CSS cho phần Header web The Band | Header CSS
33:50
F8 Official
Рет қаралды 66 М.
ТЮРЕМЩИК В БОКСЕ! #shorts
00:58
HARD_MMA
Рет қаралды 2,3 МЛН
Family Love #funny #sigma
00:16
CRAZY GREAPA
Рет қаралды 60 МЛН
ЛУЧШИЙ ФОКУС + секрет! #shorts
00:12
Роман Magic
Рет қаралды 38 МЛН
21. Làm responsive cho mobile | Mobile menu responsive
35:39
F8 Official
Рет қаралды 32 М.
13.1. Dựng form mua vé | Buy Tickets Modal (video bổ sung)
43:07
Navbar CSS | Thực hành làm phần Menu Bar | Clone web shopee
23:50
New Carousel Slider in Bootstrap 5
13:39
ByteGrad
Рет қаралды 71 М.
Responsive cho navigation bar (không dùng JavaScript)
27:12
F8 Official
Рет қаралды 60 М.
CORS Policy Là Gì? | Cách Xử Lý Khi Bị Chặn Bởi CORS
1:08:43
Делаю фронтенд заказ на Kwork (график на canvas javascript)
21:53
♛ Подпольный JS ☯
Рет қаралды 15 М.
14. Làm phần Contact | Row - columns layout
15:26
F8 Official
Рет қаралды 19 М.
ТЮРЕМЩИК В БОКСЕ! #shorts
00:58
HARD_MMA
Рет қаралды 2,3 МЛН