HomeОбразованиеRelated VideosMore From: tbate54

Make Advanced Tables Using HTML & CSS

565 ratings | 103717 views
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.
Html code for embedding videos on your blog
Text Comments (64)
Vishal Tanawade (11 days ago)
For what purpose Padding used?
Vishal Tanawade (2 days ago)
+tbate54 thank you
tbate54 (11 days ago)
It is used to add a bit of "breathing room" or space between cells.
Brad Tage (26 days ago)
This is the best table tutorial ever. Thank you very much Sir.
Brantham Hanekom (2 months ago)
You good bro. Why did you stop? is there a way you still doing this?
tbate54 (2 months ago)
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.
Feroz Wani (2 months ago)
kashur angrez
Grow Up (3 months ago)
اگر آپ اس کے بارے میں مزید معلومات چاہتے ہیں تو میرا چینل وزٹ کریں۔ شکریہ
Priyanka Patil (3 months ago)
how to make it responsive
were calvin (4 months ago)
One of the best tutorials .....I have come a cross on youtube good work
Nitin Gupta (5 months ago)
Very nice video. I love it
boletusam2 (5 months ago)
tip of the day: to better paste go before the item you want to pase press ctrl+d to duplicate the items
Chetam Lucas Okafor (6 months ago)
For those people that disliked this video, what's your problem in life?
How to download the content of the table by using HTML
tbate54 (6 months ago)
Thanks mate. You're a legend.
whshockey1020 (6 months ago)
this transformed my table. Thank you!
khairul hadi (6 months ago)
Your voice is kind a rough and sound unclear to me.. Leaving this comment here
tbate54 (6 months ago)
Sorry mate, it's what the ladies want. It's called 'husk'. I cannot change this just for you.
Yakindra Rawal (7 months ago)
One of the most tutorial I learning how to create calendar through to HTML and CSS I like this video
HadstfuDsod8520 test (7 months ago)
You can't make advanced tables, html tables are basic knowledge
tbate54 (7 months ago)
HadstfuDsod8520 test Well, it's helped a few people out to make fancier tables than usual. It's advanced for us folk that aren't quite as smart.
HadstfuDsod8520 test (7 months ago)
No its not that, I mean someone can make it more advanced with CSS but normally in html tables are just tables, not like hard programmed kernel files. You'll understand
tbate54 (7 months ago)
HadstfuDsod8520 test Show me more advanced HTML tables then...
Nathan S.R. (8 months ago)
Thank you for this video. I have written a script now, to convert any file or a command output, into a html table. Sharing it, for the benefit of others, here : https://sourceforge.net/projects/command-output-to-html-table/
ch sairam (10 months ago)
thank you very much..
JITENDRA SONI (11 months ago)
Respected sir, Please please make a videos on " display: table " in css3. I am watching your videos.
Saurabh Singh (11 months ago)
Nice sir
Saurav Baral (1 year ago)
Excellent video
idi hujan (1 year ago)
hello, can i get the code plz plz...thank you
tbate54 (1 year ago)
No, sorry. It defeats the purpose of the tutorial. Go watch and learn some code!
Alexander Adamson (1 year ago)
Great video, learnt lots...thanks!
Sekou Jabateh (1 year ago)
Thanks you so much! Appreciated!
Austin Pasquale (1 year ago)
Excellent tutorial! Thanks!
Prashant Uprety (1 year ago)
thank you so much for such a beautiful video, i started by watching your video . thanks a lot
SAŠA MRAOVIĆ (1 year ago)
puno dobru !
Edward Harmoush (1 year ago)
Great video. My friend... you should use the Live Preview, it will let you show changes to your CSS "live" on a browser without having to save and refresh. Check it out: https://www.youtube.com/watch?v=cRgqJUtq478
Ed Martell Regala (1 year ago)
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
Heinz Fretton (1 year ago)
very helpful...awesome work
3dmaster (1 year ago)
Clifford Mathew (1 year ago)
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!
Vladimir Domin (1 year ago)
Well done, nice video. I learned few new things and found new great editor. Thanks mate
Your The BEST!!!!
Frederic Boudreau (1 year ago)
You just earned yourself a sub... a loyal one. Amazing video, keep it up mate
FiFiFilth (1 year ago)
Brackets is an amazing editor, very helpful
emir kovacevic (2 years ago)
what does mean :nth ? and how did you delete top right block of table ?
tbate54 (2 years ago)
emir kovacevic 21:30 mark
tbate54 (2 years ago)
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.
emir kovacevic (2 years ago)
Bro here is picture its not perfect rect.: http://prntscr.com/ejaal6
tbate54 (2 years ago)
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!
emir kovacevic (2 years ago)
Thx for nth explanation , top right section of table , i mean its not square table its like L shape |------ __ |______|
Jorge Mongelos (2 years ago)
Best tutorial ever about styling tables! Thank you so much for sharing your knowledge! I appreciate it.
Sander Luyckx (2 years ago)
Thank you! Best tutorial for tables.
aashish nagpure (2 years ago)
which text editor have you used?
Christoffer (1 year ago)
I recommend Caret, it's a chrome extension but it's better than any other text-editor
tbate54 (2 years ago)
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.
just fml (2 years ago)
perfect !
Rich (2 years ago)
U are a beast! Beautiful vid
Aminur Rahman (2 years ago)
I came back to the video after I downloaded it to like the video.. Awesome voice and teaching style.
hraqhraq (2 years ago)
One of the best tutorials I have seen on Youtube till now about html/css
La Puissance Tanatos (1 year ago)

Would you like to comment?

Join YouTube for a free account, or sign in if you are already a member.