0

I have some query in HTMl table

Please help me I am stuck with html table, I want to make a row in which I have to give 2 text first one is HOD and the second text is class cordinator in same row in which HOD consist of 4 column and similar class cordinator consist of 4 column and the main thing is I don't want a border between these two text it's should look a single row in which first text is start from left and the second text start from after four column without border

22nd Mar 2021, 4:14 PM
Nitin Bisht
Nitin Bisht - avatar
9 odpowiedzi
+ 2
[Text] [Text] _____ _____ _____ _____ _____ _____ _____ _____ Something like that??
22nd Mar 2021, 5:46 PM
Charles Utibe David
Charles Utibe David - avatar
+ 2
Try it yourself first... You won't get an answer here until you show your effort.
22nd Mar 2021, 5:52 PM
Kashyap Kumar
Kashyap Kumar - avatar
+ 2
It could help us understand your qestion better if you describe what you want to do in a more simple manner or maybe like this: +---------+--------+ | | 2 | | 1 +--------+ | | 3 | +---------+--------+ And, as @Your Unconscious Mind said also, we need to see what is your attempt at solving the problem (your html code in this case).
22nd Mar 2021, 6:01 PM
Eddy M
+ 2
Here is your solution: HTML: <!DOCTYPE html> <html> <head> <title>Border</title> </head> <body> <table border="1"> <tr> <th colspan="4">HOD</th> <th colspan="4">Class Coordinator</th> </tr> <tr> <td>a</td> <td>b</td> <td>c</td> <td>d</td> <td>a</td> <td>b</td> <td>c</td> <td>d</td> </tr> </table> </body> </html> CSS: table { border-collapse: collapse; } th{ width: 200px; text-align: left; } th:nth-child(1){ border-right: none; } th:nth-child(2){ border-left: none; }
23rd Mar 2021, 11:49 AM
Kashyap Kumar
Kashyap Kumar - avatar
+ 1
Eddy M Your Unconscious Mind Hicud |Sat|TMC|__|__|__|__|__|__| |HOD |Class | I want this the second one how to remove border line betwr class and HOD I hope you understand what I am trying to saying |Sat|TMC|__|__|__|__|__|__| |HOD Class |
23rd Mar 2021, 12:55 AM
Nitin Bisht
Nitin Bisht - avatar
+ 1
I understand you know how to build the first table in html. On the second row, assuming you use white as background color of your cells, you can set for your td elements the following attributes: for "HOD" cell: style="border-right: white;" for "Class" cell: style="border-left: white;" I would use cellspacing=0 for the table but it's up to you.
23rd Mar 2021, 4:44 AM
Eddy M
+ 1
Eddy M you are great bro, it's working you are pro, thank you so much
23rd Mar 2021, 4:50 AM
Nitin Bisht
Nitin Bisht - avatar
22nd Mar 2021, 5:29 PM
Kashyap Kumar
Kashyap Kumar - avatar
0
Your Unconscious Mind brother I understand what you are trying to saying, actually I have tried many times but I finding very difficult to write the whole source code here from mobile , I write code in laptop 💻
23rd Mar 2021, 12:59 AM
Nitin Bisht
Nitin Bisht - avatar