Make Advanced Tables Using HTML & CSS

Подписаться 29 тыс.

Просмотров 143 тыс.

50% 1

Learn how to make an AFL Top 8 Ladder web page by using HTML and CSS. This is a slightly more advanced table than in the previous tutorial. Code this live in your browser - no software needed - bit.ly/2UyJN8f
⭐ Kite is a free AI-powered coding assistant that will help you code faster and smarter. The Kite plugin integrates with all the top editors and IDEs to give you smart completions and documentation while you’re typing. I've been using Kite for 6 months and I love it! www.kite.com/get-kite/?...

Опубликовано:

25 июн 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 69

@hraqhraq 8 лет назад

One of the best tutorials I have seen on RU-vid till now about html/css

@lapuissancetanatos7109 7 лет назад

HTML

@programmingjo 7 лет назад

Best tutorial ever about styling tables! Thank you so much for sharing your knowledge! I appreciate it.

@sanderluyckx80 7 лет назад

Thank you! Best tutorial for tables.

@cliffmathew 7 лет назад

Thank you very much for taking the time to make and upload this video. It really helped. Also noticed your editor "Brackets" -- and I am downloading that too!

@whshockey1020 5 лет назад

this transformed my table. Thank you!

@bradtagegogona7076 5 лет назад

This is the best table tutorial ever. Thank you very much Sir.

@FiFiFilth 7 лет назад

Brackets is an amazing editor, very helpful

@vladimirdomin5877 7 лет назад

Well done, nice video. I learned few new things and found new great editor. Thanks mate

@GoldSulftin 6 лет назад

Excellent tutorial! Thanks!

@sekoujabateh6003 6 лет назад

Thanks you so much! Appreciated!

@fredboudreau4898 7 лет назад

You just earned yourself a sub... a loyal one. Amazing video, keep it up mate

@DEMO_RICH 7 лет назад

U are a beast! Beautiful vid

@prashantuprety2957 6 лет назад

thank you so much for such a beautiful video, i started by watching your video . thanks a lot

@ierikofalanitone8172 6 лет назад

very helpful...awesome work

@fernandamilanez8296 4 года назад

BEST TUTORIALLL

@nitingupta2570 5 лет назад

Very nice video. I love it

@morpheus7550 6 лет назад

can u also add a tutorial on table color hover design? its when you click on a row or column it highlights or color out the entire row or column on it

@FuzzYSrb 4 года назад

Thanks a bunch !

@jamesarmandt.agustines1590 7 лет назад

Your The BEST!!!!

@saurav2199 6 лет назад

Excellent video

@sairam332 6 лет назад

thank you very much..

@sasamraovic6554 6 лет назад

puno dobru !

@werecalvin6046 5 лет назад

One of the best tutorials .....I have come a cross on youtube good work

@akinyemiolalekan1681 3 года назад

Good one....

@aashishnagpure6263 7 лет назад

which text editor have you used?

@GeekTutorials1 7 лет назад

aashish nagpure Hi! I used Brackets. It's free to download from brackets.io Sublime is another good text editor that's free to get as well.

@mitchelline 6 лет назад

I recommend Caret, it's a chrome extension but it's better than any other text-editor

@genretail1476 4 года назад

How can we make it dynamic? Do we need dbms system to store and update say after a round of games played?

@GeekTutorials1 4 года назад

Correct - you'll need a backend to this website that will have it updating all the time.

@genretail1476 4 года назад

@@GeekTutorials1 Can you upload a video for such - with realtime? I really like NRL.com's ladder, I think it uses vue. Could you do a video on that or similar?

@boletusam2gaming 5 лет назад

tip of the day: to better paste go before the item you want to pase press ctrl+d to duplicate the items

@SirChogyal 4 года назад

Is there any way that we can merge cells to certain columns and rows?

@GeekTutorials1 4 года назад

Yes, you can merge cells quite easily in HTML. It's all about colspan and rowspan. Give it a Google search - it's very easy to do.

@SirChogyal 4 года назад

@@GeekTutorials1 oh yes. It worked with rowspan and collspan.

@SaurabhSingh-ch6nc 6 лет назад

Nice sir

@jitendrasoni191 6 лет назад

Respected sir, Please please make a videos on " display: table " in css3. I am watching your videos.

@oipedim7714 4 года назад

link for download github????

@branthamhanekom3080 5 лет назад

You good bro. Why did you stop? is there a way you still doing this?

@GeekTutorials1 5 лет назад

Thanks mate. These are just videos I show my students in class. I just make them as I need to. At the moment I'm not teaching web design so haven't made any videos for a while. Sorry, I'll get back to it soon hopefully.

@vishaltanawade7637 5 лет назад

For what purpose Padding used?

@GeekTutorials1 5 лет назад

It is used to add a bit of "breathing room" or space between cells.

@vishaltanawade7637 5 лет назад

@@GeekTutorials1 thank you

@MrMaksuz 7 лет назад

what does mean :nth ? and how did you delete top right block of table ?

@GeekTutorials1 7 лет назад

emir kovacevic nth means every second row in the table. What top right block do you mean exactly? I didn't delete anything from memory.

@MrMaksuz 7 лет назад

Thx for nth explanation , top right section of table , i mean its not square table its like L shape |------ __ |______|

@GeekTutorials1 7 лет назад

emir kovacevic I'm still not sure what you mean by this. My table in the video is a perfect rectangle. If yours comes out another shape, maybe rewatch the video and check the code carefully. Good luck!

@MrMaksuz 7 лет назад

Bro here is picture its not perfect rect.: prntscr.com/ejaal6

@GeekTutorials1 7 лет назад

emir kovacevic I see now. You need to make the first row span across all the columns. It's the 'colspan' section of code. Fast forward the video until you find it.