New course! Every coder should learn Generative AI!
Try a free lesson0
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
9 Answers
+ 2
[Text] [Text]
_____ _____
_____ _____
_____ _____
_____ _____
Something like that??
+ 2
Try it yourself first... You won't get an answer here until you show your effort.
+ 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).
+ 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;
}
+ 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 |
+ 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.
+ 1
Eddy M you are great bro, it's working you are pro, thank you so much
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 💻
Often have questions like this?
Learn more efficiently, for free:
Hot today
What next?
0 Votes
please help me emotionally
1 Votes
[Clearify] 0 === -0 and 0 == -0
3 Votes
Popsicle program
1 Votes
While loop problem maybe?
2 Votes