1 00:00:07,290 --> 00:00:14,590 This is where we lived in the previous video by nesting tables together in this video. 2 00:00:14,610 --> 00:00:19,560 Let's play around with CSS and add some beauty to our table. 3 00:00:20,100 --> 00:00:31,740 As before, we are going to target the table and provide style attributes and provide a weight of 100% 4 00:00:31,890 --> 00:00:35,550 and provide water as before. 5 00:00:35,550 --> 00:00:37,410 One PC Solid. 6 00:00:38,380 --> 00:00:41,010 Hashtag c cc. 7 00:00:41,100 --> 00:00:42,240 With this one. 8 00:00:42,240 --> 00:00:43,020 Let's see. 9 00:00:43,410 --> 00:00:44,340 Oh good. 10 00:00:44,760 --> 00:00:47,190 Is better than before. 11 00:00:47,490 --> 00:00:52,550 And for the caption, I think I can provide some margin also. 12 00:00:54,430 --> 00:00:58,450 Margin of ten parsecs. 13 00:01:00,710 --> 00:01:02,590 Let me see the effect. 14 00:01:02,870 --> 00:01:04,310 I think it's okay. 15 00:01:04,940 --> 00:01:05,390 All right. 16 00:01:05,390 --> 00:01:24,560 So let's target the caption style and provide text align to be ID, lift and font weight, border and 17 00:01:24,560 --> 00:01:28,880 margin of $10. 18 00:01:29,950 --> 00:01:31,750 All right, this is cool. 19 00:01:32,560 --> 00:01:36,860 Next is let's target the table head. 20 00:01:36,880 --> 00:01:42,100 As before, I'm going to select this or even I think. 21 00:01:42,100 --> 00:01:43,690 Let me start from scratch. 22 00:01:44,230 --> 00:01:50,410 Provide style and padding of ten pixels. 23 00:01:51,310 --> 00:01:57,850 And the border as before, one pays a solid. 24 00:02:00,930 --> 00:02:03,000 Hashtag sexy. 25 00:02:04,190 --> 00:02:10,070 And text a line to be left. 26 00:02:15,160 --> 00:02:16,500 Let's have a look. 27 00:02:16,510 --> 00:02:18,340 And this is how it looks like. 28 00:02:18,340 --> 00:02:19,800 So let me copy. 29 00:02:21,300 --> 00:02:24,930 This one to the rest of the table has. 30 00:02:25,670 --> 00:02:26,840 Which is this? 31 00:02:27,640 --> 00:02:28,950 Which is this? 32 00:02:28,960 --> 00:02:30,310 Which is this? 33 00:02:31,080 --> 00:02:32,820 Now, let's see. 34 00:02:32,910 --> 00:02:35,460 Great is how it looks like. 35 00:02:36,720 --> 00:02:40,710 And for the table data is going to be the same thing. 36 00:02:41,010 --> 00:02:45,430 But we are going to move the text align only. 37 00:02:46,140 --> 00:02:50,310 And I'm going to provide this one to the rest. 38 00:02:53,270 --> 00:02:55,580 Okay, so let's see. 39 00:02:56,240 --> 00:02:56,600 All right. 40 00:02:56,600 --> 00:03:01,370 As you can see, this is the nest hit table. 41 00:03:01,820 --> 00:03:13,160 All right, so let me apply to the rest of the data with the exception of the nested table. 42 00:03:14,480 --> 00:03:19,400 And this is how it looks like as they stand right now. 43 00:03:20,020 --> 00:03:33,280 So for the next table, which is this, I'm going to add style or width of 100%. 44 00:03:34,700 --> 00:03:41,480 And provide margin of ten paisa or let me give it a zero. 45 00:03:44,190 --> 00:03:46,410 And provide border. 46 00:03:47,130 --> 00:03:49,380 No border around that. 47 00:03:49,860 --> 00:04:01,230 And for the table head, which is the nested table, I won't give a specific background color of hashtag 48 00:04:01,230 --> 00:04:05,730 f00a0 and padding. 49 00:04:07,850 --> 00:04:09,040 Pardon. 50 00:04:09,350 --> 00:04:13,220 Of ten or let me get us five paychecks. 51 00:04:15,160 --> 00:04:15,550 All right. 52 00:04:15,550 --> 00:04:18,519 So this is the first one, the first table. 53 00:04:18,640 --> 00:04:24,610 So I'm going to copy this one to the table. 54 00:04:24,610 --> 00:04:27,850 Heads for the nested tables. 55 00:04:28,510 --> 00:04:30,640 This is the second table. 56 00:04:31,210 --> 00:04:33,790 And where is the first table? 57 00:04:33,940 --> 00:04:35,740 All right, so let me. 58 00:04:35,740 --> 00:04:39,550 Yeah, this is the first table, so I'll provide eight. 59 00:04:40,220 --> 00:04:43,690 Add that to the heads of the table. 60 00:04:44,800 --> 00:04:45,880 Oh, great. 61 00:04:46,030 --> 00:04:50,590 And let me add the actual table. 62 00:04:50,680 --> 00:04:56,890 The same CSS for the width of 100% and border none. 63 00:04:57,130 --> 00:05:03,150 So I'm going to provide to the first nested table. 64 00:05:03,160 --> 00:05:07,120 And this how it looks like guys. 65 00:05:07,390 --> 00:05:07,900 All right. 66 00:05:07,900 --> 00:05:14,050 So like I said, if we get to CSS, we are going to improve the CSS. 67 00:05:14,050 --> 00:05:16,990 But for the meantime, this is how we need to do. 68 00:05:17,380 --> 00:05:20,710 So again, guys, if you are confused, don't worry. 69 00:05:20,710 --> 00:05:27,280 You can ignore the CSS and look at how the table is being structured. 70 00:05:27,490 --> 00:05:33,100 If you get a concept, you're going to be pretty easy for you to use it in your future project. 71 00:05:33,340 --> 00:05:35,250 Let's continue in the next video.